/* Type law: ice + outline on Dnipro / night. Day + other BGs stay in snet-dayplain.css. */

html[data-bg="city"],
html[data-theme="night"],
html[data-bg="city"] body,
html[data-theme="night"] body {
  --snet-ink: #e7f6ff;
}

/* Display: titles, nav-sized labels, CTAs — city + night only */
html[data-bg="city"] #hero h1,
html[data-bg="city"] #hero h1 span,
html[data-bg="city"] #hero .snet-hero-lead,
html[data-bg="city"] #hero .snet-address__kicker,
html[data-bg="city"] #hero .snet-address__label,
html[data-bg="city"] #hero .snet-address__hint,
html[data-bg="city"] #hero .snet-address__hint a,
html[data-bg="city"] #main h1,
html[data-bg="city"] #main h2,
html[data-bg="city"] #main h3,
html[data-bg="city"] #main h4,
html[data-bg="city"] #main .section-title h1,
html[data-bg="city"] #main .section-title h2,
html[data-bg="city"] #main .snet-tariffs-title,
html[data-bg="city"] #main .snet-tariff-cat,
html[data-bg="city"] #main .snet-tariff-name,
html[data-bg="city"] #main .snet-about__lead,
html[data-bg="city"] #main .snet-about__facts strong,
html[data-bg="city"] #main a.snet-job strong,
html[data-bg="city"] #hero .btn-get-started,
html[data-bg="city"] #hero .snet-from-price,
html[data-bg="city"] #hero .snet-address__go,
html[data-bg="city"] #hero .snet-hero-chip--tg,
html[data-bg="city"] #hero .snet-hero-chip--phone,
html[data-bg="city"] #header .get-started-btn,
html[data-bg="city"] #header .snet-cab-btn,
html[data-theme="night"] #hero h1,
html[data-theme="night"] #hero h1 span,
html[data-theme="night"] #hero .snet-hero-lead,
html[data-theme="night"] #main h1,
html[data-theme="night"] #main h2,
html[data-theme="night"] #main h3,
html[data-theme="night"] #main a.snet-job strong,
html[data-theme="night"] #hero .btn-get-started,
html[data-theme="night"] #hero .snet-from-price,
html[data-theme="night"] #hero .snet-hero-chip--tg,
html[data-theme="night"] #hero .snet-hero-chip--phone {
  color: #e7f6ff !important;
  -webkit-text-fill-color: #e7f6ff !important;
  -webkit-text-stroke: 0.05em rgba(4, 16, 24, 0.95) !important;
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 rgba(4, 16, 24, 0.95),
    0 0 calc(8px * var(--snet-glow, 0.8)) rgba(0, 220, 255, calc(0.7 * var(--snet-glow, 0.8))),
    0 0 calc(18px * var(--snet-glow, 0.8)) rgba(0, 180, 255, calc(0.4 * var(--snet-glow, 0.8))) !important;
}

html[data-bg="city"] #hero p,
html[data-bg="city"] #main p,
html[data-bg="city"] #main li,
html[data-bg="city"] #main td,
html[data-bg="city"] #main th,
html[data-bg="city"] #main label,
html[data-bg="city"] #main span,
html[data-bg="city"] #main .snet-about-card__body,
html[data-bg="city"] #main .snet-about-card__body *,
html[data-bg="city"] #main .snet-news-card__body p,
html[data-bg="city"] #main a.snet-job span,
html[data-bg="city"] #main .snet-about__facts span,
html[data-bg="city"] #footer,
html[data-bg="city"] #footer p,
html[data-theme="night"] #main p,
html[data-theme="night"] #main li,
html[data-theme="night"] #main span,
html[data-theme="night"] #footer {
  color: #e7f6ff !important;
  -webkit-text-fill-color: #e7f6ff !important;
  -webkit-text-stroke: 0.028em rgba(4, 16, 24, 0.92) !important;
  paint-order: stroke fill;
  text-shadow:
    0 1px 1px rgba(4, 16, 24, 0.88),
    0 0 calc(4px * var(--snet-glow, 0.8)) rgba(0, 180, 255, calc(0.4 * var(--snet-glow, 0.8))) !important;
}

html[data-bg="city"] i,
html[data-bg="city"] .bx,
html[data-bg="city"] .snet-job__icon,
html[data-theme="night"] i,
html[data-theme="night"] .bx,
html[data-theme="night"] .snet-job__icon {
  -webkit-text-stroke: 0 !important;
  color: #7af0ff !important;
  -webkit-text-fill-color: #7af0ff !important;
  text-shadow: 0 0 8px rgba(0, 220, 255, 0.7) !important;
}

html[data-bg="city"] .snet-odo,
html[data-bg="city"] .snet-odo *,
html[data-bg="city"] .snet-odo__value,
html[data-theme="night"] .snet-odo,
html[data-theme="night"] .snet-odo *,
html[data-theme="night"] .snet-odo__value {
  color: #e7f6ff !important;
  -webkit-text-fill-color: #e7f6ff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 1px 0 rgba(4, 16, 24, 0.9), 0 0 6px rgba(0, 220, 255, 0.45) !important;
}

html[data-bg="city"] .snet-about__facts li,
html[data-theme="night"] .snet-about__facts li {
  background: rgba(6, 18, 32, 0.18) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
}

html[data-bg="city"] .snet-about-card,
html[data-bg="city"] .snet-news-card.snet-about-card,
html[data-theme="night"] .snet-about-card,
html[data-theme="night"] .snet-news-card.snet-about-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Theme toggle: dark glass as originally — never a white pill on sky */
html .snet-theme-toggle,
html[data-theme="day"] .snet-theme-toggle,
html[data-theme="night"] .snet-theme-toggle,
html[data-theme="day"][data-bg="city"] .snet-theme-toggle,
html[data-theme="day"][data-glow="on"] .snet-theme-toggle {
  background: rgba(7, 20, 34, 0.82) !important;
  border: 1px solid rgba(125, 211, 252, 0.45) !important;
  color: #7dd3fc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 7px 18px rgba(0, 0, 0, 0.28) !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}
html .snet-theme-toggle *,
html[data-theme="day"] .snet-theme-toggle * {
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}
html .snet-theme-toggle__opt,
html[data-theme="day"] .snet-theme-toggle__opt {
  background: transparent !important;
  box-shadow: none !important;
}
html .snet-theme-toggle__opt--auto,
html[data-theme="day"] .snet-theme-toggle__opt--auto {
  color: #c5e6f5 !important;
  -webkit-text-fill-color: #c5e6f5 !important;
}
html .snet-theme-toggle__icon--sun,
html[data-theme="day"] .snet-theme-toggle__icon--sun {
  color: #f0b429 !important;
  -webkit-text-fill-color: #f0b429 !important;
  filter: drop-shadow(0 0 6px rgba(255, 196, 64, 0.9));
}
html .snet-theme-toggle__icon--moon,
html[data-theme="day"] .snet-theme-toggle__icon--moon {
  color: #d7ecf8 !important;
  -webkit-text-fill-color: #d7ecf8 !important;
}
html[data-theme="day"] .snet-theme-toggle__opt.is-on {
  background: linear-gradient(145deg, #ffd76a, #f4a928) !important;
  color: #5d3c00 !important;
  -webkit-text-fill-color: #5d3c00 !important;
  box-shadow: 0 3px 10px rgba(226, 154, 24, 0.35) !important;
}
html[data-theme="night"] .snet-theme-toggle__opt.is-on,
html[data-theme="night"] .snet-theme-toggle__opt--auto.is-on {
  background: linear-gradient(145deg, #209dd8, #006fb4) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 3px 10px rgba(0, 112, 180, 0.38) !important;
}
html[data-theme="day"] .snet-theme-toggle__opt.is-on .snet-theme-toggle__icon--sun,
html[data-theme="day"] .snet-theme-toggle__opt--auto.is-on {
  color: #5d3c00 !important;
  -webkit-text-fill-color: #5d3c00 !important;
}

/* Top menu: white outlined type on Dnipro / night */
html[data-bg="city"] #header .nav-menu > ul > li > a,
html[data-bg="city"] #header .nav-menu.snet-nav-wide > ul > li > a,
html[data-bg="city"] #snet-nav-scroller > ul > li > a,
html[data-theme="night"] #header .nav-menu > ul > li > a,
html[data-theme="night"] #snet-nav-scroller > ul > li > a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: 0.05em rgba(4, 16, 24, 0.95) !important;
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 rgba(4, 16, 24, 0.95),
    0 0 calc(8px * var(--snet-glow, 0.8)) rgba(0, 220, 255, calc(0.55 * var(--snet-glow, 0.8))),
    0 0 calc(16px * var(--snet-glow, 0.8)) rgba(0, 180, 255, calc(0.35 * var(--snet-glow, 0.8))) !important;
  background: transparent !important;
}

html[data-bg="city"] .mobile-nav,
html[data-theme="night"] .mobile-nav,
html[data-bg="city"] body.mobile-nav-active .mobile-nav,
html[data-theme="night"] body.mobile-nav-active .mobile-nav {
  background: rgba(6, 18, 32, 0.42) !important;
  background-color: rgba(6, 18, 32, 0.42) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}
html[data-bg="city"] .mobile-nav a,
html[data-theme="night"] .mobile-nav a,
html[data-bg="city"] .mobile-nav .snet-mega__panel,
html[data-theme="night"] .mobile-nav .snet-mega__panel {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #e7f6ff !important;
  -webkit-text-fill-color: #e7f6ff !important;
}

html #header,
html[data-theme="day"] #header,
html #header .snet-header-inner,
html[data-theme="day"] #header .snet-header-inner {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-bg="city"] .snet-mega__panel,
html[data-bg="city"] .snet-fly__sheet,
html[data-bg="city"] body > ul.snet-dd-panel,
html[data-bg="city"] .snet-mega__tile,
html[data-bg="city"] .snet-live-card,
html[data-bg="city"] .snet-tariff-card,
html[data-bg="city"] .snet-news-card,
html[data-bg="city"] .snet-promo-card,
html[data-bg="city"] .snet-pay-card,
html[data-bg="city"] .snet-speed,
html[data-bg="city"] .snet-speed__app,
html[data-bg="city"] .snet-speed__results,
html[data-bg="city"] .snet-speed__latency > div,
html[data-theme="night"] .snet-mega__panel,
html[data-theme="night"] body > ul.snet-dd-panel,
html[data-theme="night"] .snet-mega__tile,
html[data-theme="night"] .snet-live-card,
html[data-theme="night"] .snet-tariff-card,
html[data-theme="night"] .snet-news-card,
html[data-theme="night"] .snet-promo-card,
html[data-theme="night"] .snet-pay-card,
html[data-theme="night"] .snet-speed-promo,
html[data-theme="night"] .snet-speed__server-card,
html[data-theme="night"] .snet-speed__latency > div {
  background: rgba(6, 18, 32, 0.2) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-glow="off"][data-bg="city"] #hero h1,
html[data-glow="off"][data-bg="city"] #main h1,
html[data-glow="off"][data-bg="city"] #main h2,
html[data-glow="off"][data-bg="city"] #main p,
html[data-glow="off"][data-bg="city"] #main span,
html[data-glow="off"][data-bg="city"] #header .nav-menu > ul > li > a,
html[data-glow="off"][data-theme="night"] #hero h1,
html[data-glow="off"][data-theme="night"] #main h1,
html[data-glow="off"][data-theme="night"] #header .nav-menu > ul > li > a {
  text-shadow: 0 1px 2px rgba(4, 16, 24, 0.85) !important;
}