/* Neon bloom for day AND night. Wheel sets --snet-glow; this file maps it to chrome.
   Selectors include data-bg=city so they beat older day/city overrides. */

html {
  --snet-night-neon: 0;
}
html[data-glow="on"],
html[data-theme="day"][data-glow="on"],
html[data-theme="night"][data-glow="on"],
html[data-theme="day"][data-bg="city"][data-glow="on"],
html[data-theme="night"][data-bg="city"][data-glow="on"] {
  --snet-night-neon: var(--snet-glow, 0.8);
}

html[data-glow="on"][data-glow-words="on"] .snet-neon-word,
html[data-glow="on"][data-glow-words="on"] #hero h1 span,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] .snet-neon-word,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] #hero h1 span,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] #hero h1 .snet-neon-word,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] .snet-hero-copy h1 span,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] #main .snet-neon-word,
html[data-theme="night"][data-glow="on"][data-glow-words="on"] .snet-neon-word,
html[data-theme="night"][data-glow="on"][data-glow-words="on"] #hero h1 span,
html[data-theme="night"][data-glow="on"][data-glow-words="on"] #hero h1 .snet-neon-word,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] .snet-neon-word,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 span,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 .snet-neon-word,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] #main .snet-neon-word,
html[data-theme="night"][data-bg="city"][data-glow-words="on"][data-glow="on"] .snet-neon-word,
html[data-theme="night"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 span,
html[data-theme="night"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 .snet-neon-word {
  -webkit-text-stroke: 1.2px #00d4ff !important;
  text-shadow:
    0 0 calc(2px * var(--snet-night-neon)) #fff,
    0 0 calc(8px * var(--snet-night-neon)) #7af0ff,
    0 0 calc(18px * var(--snet-night-neon)) rgba(0, 212, 255, calc(0.95 * var(--snet-night-neon))),
    0 0 calc(36px * var(--snet-night-neon)) rgba(0, 180, 255, calc(0.7 * var(--snet-night-neon))),
    0 0 calc(64px * var(--snet-night-neon)) rgba(56, 189, 248, calc(0.4 * var(--snet-night-neon))) !important;
  filter: saturate(calc(1 + 0.35 * var(--snet-night-neon))) !important;
  animation: snet-brand-neon-cyan 3.2s ease-in-out infinite !important;
}

html[data-theme="night"][data-glow="on"][data-glow-words="on"] .snet-neon-word,
html[data-theme="night"][data-glow="on"][data-glow-words="on"] #hero h1 span,
html[data-theme="night"][data-glow="on"][data-glow-words="on"] #hero h1 .snet-neon-word,
html[data-theme="night"][data-bg="city"][data-glow-words="on"][data-glow="on"] .snet-neon-word,
html[data-theme="night"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 span,
html[data-theme="night"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 .snet-neon-word {
  color: #e7fbff !important;
  -webkit-text-fill-color: #e7fbff !important;
}

html[data-theme="day"][data-glow="on"][data-glow-words="on"] .snet-neon-word,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] #hero h1 span,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] #hero h1 .snet-neon-word,
html[data-theme="day"][data-glow="on"][data-glow-words="on"] #main .snet-neon-word,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] .snet-neon-word,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 span,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] #hero h1 .snet-neon-word,
html[data-theme="day"][data-bg="city"][data-glow-words="on"][data-glow="on"] #main .snet-neon-word {
  color: #041018 !important;
  -webkit-text-fill-color: #041018 !important;
  -webkit-text-stroke: 2px #00d4ff !important;
}

html[data-theme="night"][data-glow="on"][data-logo-glow="on"] #header .logo img,
html[data-theme="night"][data-bg="city"][data-glow="on"][data-logo-glow="on"] #header .logo img {
  filter:
    drop-shadow(0 0 calc(8px * var(--snet-night-neon)) rgba(180, 250, 255, 1))
    drop-shadow(0 0 calc(22px * var(--snet-night-neon)) rgba(0, 220, 255, 0.85))
    drop-shadow(0 0 calc(44px * var(--snet-night-neon)) rgba(0, 160, 255, 0.4)) !important;
}

html[data-theme="day"][data-glow="on"][data-logo-glow="on"] #header .logo img,
html[data-theme="day"][data-bg="city"][data-glow="on"][data-logo-glow="on"] #header .logo img {
  filter:
    invert(1) hue-rotate(180deg) saturate(1.35) brightness(0.82) contrast(1.18)
    drop-shadow(0 0 calc(8px * var(--snet-night-neon)) rgba(180, 250, 255, 1))
    drop-shadow(0 0 calc(22px * var(--snet-night-neon)) rgba(0, 220, 255, 0.85))
    drop-shadow(0 0 calc(44px * var(--snet-night-neon)) rgba(0, 160, 255, 0.4)) !important;
}

html[data-glow="on"] #header .nav-menu > ul > li > a,
html[data-theme="day"][data-glow="on"] #header .nav-menu > ul > li > a,
html[data-theme="night"][data-glow="on"] #header .nav-menu > ul > li > a,
html[data-theme="day"][data-bg="city"][data-glow="on"] #header .nav-menu > ul > li > a,
html[data-theme="night"][data-bg="city"][data-glow="on"] #header .nav-menu > ul > li > a,
html[data-glow="on"] #snet-nav-scroller > ul > li > a,
html[data-theme="day"][data-glow="on"] #snet-nav-scroller > ul > li > a,
html[data-theme="night"][data-glow="on"] #snet-nav-scroller > ul > li > a {
  border-color: rgba(125, 211, 252, calc(0.28 + 0.5 * var(--snet-night-neon))) !important;
  box-shadow:
    0 0 calc(10px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.28 * var(--snet-night-neon))),
    inset 0 0 calc(10px * var(--snet-night-neon)) rgba(0, 180, 255, calc(0.12 * var(--snet-night-neon))) !important;
}

html[data-theme="night"][data-glow="on"] #header .nav-menu > ul > li > a,
html[data-theme="night"][data-bg="city"][data-glow="on"] #header .nav-menu > ul > li > a {
  text-shadow: 0 0 calc(8px * var(--snet-night-neon)) rgba(125, 211, 252, calc(0.55 * var(--snet-night-neon))) !important;
}

html[data-theme="day"][data-glow="on"] #header .nav-menu > ul > li > a,
html[data-theme="day"][data-bg="city"][data-glow="on"] #header .nav-menu > ul > li > a {
  text-shadow:
    0 1px 0 #fff,
    0 0 calc(8px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.55 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] #header .get-started-btn,
html[data-theme="day"][data-glow="on"] #header .get-started-btn,
html[data-theme="night"][data-glow="on"] #header .get-started-btn,
html[data-theme="day"][data-bg="city"][data-glow="on"] #header .get-started-btn,
html[data-glow="on"] .btn-get-started,
html[data-theme="day"][data-glow="on"] .btn-get-started,
html[data-theme="day"][data-bg="city"][data-glow="on"] .btn-get-started,
html[data-glow="on"] .btn-connect,
html[data-theme="day"][data-glow="on"] .btn-connect,
html[data-glow="on"] .snet-cta-btn,
html[data-theme="day"][data-glow="on"] .snet-cta-btn,
html[data-glow="on"] .snet-bizdeal__call,
html[data-glow="on"] .snet-bizdeal__tg {
  box-shadow:
    0 0 calc(12px * var(--snet-night-neon)) rgba(0, 220, 255, calc(0.45 * var(--snet-night-neon))),
    0 0 calc(28px * var(--snet-night-neon)) rgba(0, 160, 255, calc(0.22 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .snet-search-btn,
html[data-theme="day"][data-glow="on"] .snet-search-btn,
html[data-glow="on"] .snet-theme-toggle,
html[data-theme="day"][data-glow="on"] .snet-theme-toggle,
html[data-glow="on"] .snet-theme-toggle__opt,
html[data-theme="day"][data-glow="on"] .snet-theme-toggle__opt,
html[data-glow="on"] .snet-bg-picker__btn,
html[data-theme="day"][data-glow="on"] .snet-bg-picker__btn,
html[data-glow="on"] .snet-optic__btn,
html[data-theme="day"][data-glow="on"] .snet-optic__btn {
  box-shadow:
    0 0 calc(10px * var(--snet-night-neon)) rgba(0, 220, 255, calc(0.4 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .snet-hero-chip,
html[data-theme="day"][data-glow="on"] .snet-hero-chip,
html[data-theme="day"][data-bg="city"][data-glow="on"] .snet-hero-chip,
html[data-glow="on"] .snet-hero-badge,
html[data-theme="day"][data-glow="on"] .snet-hero-badge,
html[data-theme="day"][data-bg="city"][data-glow="on"] .snet-hero-badge,
html[data-glow="on"] a.snet-hero-badge,
html[data-theme="day"][data-glow="on"] a.snet-hero-badge {
  box-shadow:
    0 0 calc(14px * var(--snet-night-neon)) rgba(0, 220, 255, calc(0.42 * var(--snet-night-neon))),
    0 0 calc(28px * var(--snet-night-neon)) rgba(0, 180, 255, calc(0.18 * var(--snet-night-neon))) !important;
  border-color: rgba(125, 211, 252, calc(0.3 + 0.5 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .snet-job,
html[data-glow="on"] a.snet-job,
html[data-theme="day"][data-glow="on"] .snet-job,
html[data-theme="day"][data-glow="on"] a.snet-job,
html[data-theme="day"][data-glow="on"] #main a.snet-job,
html[data-theme="day"][data-bg="city"][data-glow="on"] #main a.snet-job,
html[data-theme="night"][data-glow="on"] #main a.snet-job,
html[data-theme="night"][data-bg="city"][data-glow="on"] #main a.snet-job {
  border-color: rgba(125, 211, 252, calc(0.22 + 0.45 * var(--snet-night-neon))) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.12),
    0 0 calc(18px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.28 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .snet-tariff-card,
html[data-theme="day"][data-glow="on"] .snet-tariff-card,
html[data-theme="day"][data-bg="city"][data-glow="on"] .snet-tariff-card,
html[data-glow="on"] .snet-pay-card,
html[data-theme="day"][data-glow="on"] .snet-pay-card,
html[data-glow="on"] .snet-news-card,
html[data-theme="day"][data-glow="on"] .snet-news-card,
html[data-theme="day"][data-bg="city"][data-glow="on"] .snet-news-card,
html[data-glow="on"] .snet-about-card,
html[data-theme="day"][data-glow="on"] .snet-about-card,
html[data-glow="on"] .snet-contacts__card,
html[data-glow="on"] .snet-step {
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.12),
    0 0 calc(22px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.22 * var(--snet-night-neon))),
    inset 0 0 calc(18px * var(--snet-night-neon)) rgba(0, 180, 255, calc(0.08 * var(--snet-night-neon))) !important;
  border-color: rgba(125, 211, 252, calc(0.22 + 0.45 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .snet-tariff-card::before,
html[data-theme="day"][data-glow="on"] .snet-tariff-card::before {
  opacity: calc(0.35 + 0.65 * var(--snet-night-neon)) !important;
}

html[data-glow="on"] .snet-dock__btn,
html[data-theme="day"][data-glow="on"] .snet-dock__btn {
  border-color: rgba(125, 211, 252, calc(0.22 + 0.5 * var(--snet-night-neon))) !important;
  box-shadow: 0 0 calc(14px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.28 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .mobile-nav-toggle,
html[data-theme="day"][data-glow="on"] .mobile-nav-toggle,
html[data-theme="day"][data-bg="city"][data-glow="on"] .mobile-nav-toggle {
  box-shadow:
    0 0 0 1px rgba(0, 212, 255, calc(0.25 * var(--snet-night-neon))),
    0 0 calc(16px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.55 * var(--snet-night-neon))),
    inset 0 0 calc(10px * var(--snet-night-neon)) rgba(0, 180, 255, calc(0.22 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] a.back-to-top,
html[data-theme="day"][data-glow="on"] a.back-to-top,
html[data-glow="on"] body > a.back-to-top {
  box-shadow:
    0 8px 22px rgba(0, 100, 160, 0.28),
    0 0 calc(18px * var(--snet-night-neon)) rgba(0, 220, 255, calc(0.55 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .snet-live-card,
html[data-theme="day"][data-glow="on"] .snet-live-card,
html[data-theme="day"][data-bg="city"][data-glow="on"] .snet-live-card,
html[data-glow="on"] .snet-live-card--weather,
html[data-glow="on"] .snet-live-card--time,
html[data-glow="on"] .snet-live-card--alert {
  box-shadow: 0 0 calc(16px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.22 * var(--snet-night-neon))) !important;
  border-color: rgba(125, 211, 252, calc(0.2 + 0.4 * var(--snet-night-neon))) !important;
}

html[data-theme="night"][data-glow="on"] #main .section-title h1,
html[data-theme="night"][data-glow="on"] #main .section-title h2,
html[data-theme="night"][data-bg="city"][data-glow="on"] #main .section-title h2,
html[data-theme="night"][data-glow="on"] .snet-tariffs-title,
html[data-theme="night"][data-glow="on"] .snet-tariff-cat {
  text-shadow:
    0 2px 10px rgba(0, 0, 0, 0.55),
    0 0 calc(16px * var(--snet-night-neon)) rgba(0, 220, 255, calc(0.35 * var(--snet-night-neon))) !important;
}

html[data-theme="day"][data-glow="on"] #main .section-title h1,
html[data-theme="day"][data-glow="on"] #main .section-title h2,
html[data-theme="day"][data-bg="city"][data-glow="on"] #main .section-title h1,
html[data-theme="day"][data-bg="city"][data-glow="on"] #main .section-title h2,
html[data-theme="day"][data-glow="on"] .snet-tariffs-title,
html[data-theme="day"][data-glow="on"] .snet-tariff-cat,
html[data-theme="day"][data-glow="on"] .snet-metal-title {
  text-shadow:
    0 0 3px #fff,
    0 1px 0 #fff,
    0 0 calc(16px * var(--snet-night-neon)) rgba(0, 220, 255, calc(0.45 * var(--snet-night-neon))) !important;
}

html[data-glow="on"] .snet-mega__tile,
html[data-theme="day"][data-glow="on"] .snet-mega__tile,
html[data-glow="on"] .mobile-nav .snet-mega__tile {
  box-shadow: 0 0 calc(12px * var(--snet-night-neon)) rgba(0, 200, 255, calc(0.18 * var(--snet-night-neon))) !important;
}

html[data-glow="off"] .snet-neon-word,
html[data-glow="off"] #hero h1 span,
html[data-glow-words="off"] .snet-neon-word,
html[data-glow-words="off"] #hero h1 span,
html[data-theme="day"][data-glow="off"] #hero h1 span,
html[data-theme="day"][data-bg="city"][data-glow="off"] #hero h1 span,
html[data-theme="night"][data-glow="off"] #hero h1 span {
  animation: none !important;
  filter: none !important;
}

html[data-theme="night"][data-glow="off"] .snet-neon-word,
html[data-theme="night"][data-glow="off"] #hero h1 span,
html[data-theme="night"][data-bg="city"][data-glow="off"] #hero h1 span {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="day"][data-glow="off"] .snet-neon-word,
html[data-theme="day"][data-glow="off"] #hero h1 span,
html[data-theme="day"][data-bg="city"][data-glow="off"] #hero h1 span,
html[data-theme="day"][data-bg="city"][data-glow="off"] .snet-neon-word {
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 1px 0 #fff, 0 2px 10px rgba(255, 255, 255, 0.8) !important;
}

html[data-glow="off"] #header .logo img {
  filter: none !important;
}
html[data-theme="day"][data-glow="off"] #header .logo img,
html[data-theme="day"][data-bg="city"][data-glow="off"] #header .logo img {
  filter: invert(1) hue-rotate(180deg) saturate(1.35) brightness(0.82) contrast(1.18) !important;
}