/**
 * Duotone-Icons im Landing-Wetter-Widget (nach wdsb-weather.css).
 *
 * wdsb-weather setzt auf ::before/::after teils color:inherit – beide Ebenen
 * würden sonst dieselbe Farbe erben. Hier getrennte Primary/Secondary-Farben.
 */

.page-wrapper.st-page--landing {
  --st-landing-surface-icon-primary: #111827;
  --st-landing-surface-icon-secondary: #64748b;
}

html[data-color-scheme='dark'] .page-wrapper.st-page--landing,
body.darkmode--activated .page-wrapper.st-page--landing {
  --st-landing-surface-icon-primary: #f1f5f9;
  --st-landing-surface-icon-secondary: #64748b;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme='light']) .page-wrapper.st-page--landing {
    --st-landing-surface-icon-primary: #f1f5f9;
    --st-landing-surface-icon-secondary: #64748b;
  }
}

#st_body .page-wrapper.st-page--landing .st-landing-widget--weather .fa-duotone {
  --fa-primary-color: var(--st-landing-surface-icon-primary);
  --fa-secondary-color: var(--st-landing-surface-icon-secondary);
  --fa-primary-opacity: 1;
  --fa-secondary-opacity: 1;
  position: relative;
}

#st_body .page-wrapper.st-page--landing .st-landing-widget--weather .wdsb-weather-panel__icon-fa.fa-duotone,
#st_body .page-wrapper.st-page--landing .st-landing-widget--weather .wdsb-weather-panel__metric-icon.fa-duotone {
  position: relative;
  color: var(--st-landing-surface-icon-primary) !important;
  min-width: 1.25em;
  min-height: 1.25em;
}

#st_body .page-wrapper.st-page--landing .st-landing-widget--weather .wdsb-weather-panel__icon-fa.fa-duotone::before,
#st_body .page-wrapper.st-page--landing .st-landing-widget--weather .wdsb-weather-panel__metric-icon.fa-duotone::before {
  position: absolute;
  color: var(--st-landing-surface-icon-primary) !important;
  opacity: 1 !important;
}

#st_body .page-wrapper.st-page--landing .st-landing-widget--weather .wdsb-weather-panel__icon-fa.fa-duotone::after,
#st_body .page-wrapper.st-page--landing .st-landing-widget--weather .wdsb-weather-panel__metric-icon.fa-duotone::after {
  color: var(--st-landing-surface-icon-secondary) !important;
  opacity: 1 !important;
}