/* City glass: Dnipro photo shows through. Outlined glow type, not milk plates.
   Surfaces + type only. Do NOT restyle .snet-odo layout / digit animation. */

html #main,
html .inner-page,
html .section-bg,
html .services.section-bg,
html .breadcrumbs,
html #footer,
html footer#footer {
  background: transparent !important;
  background-color: transparent !important;
}

/* --- Surfaces: frost, no white frame --- */
html .snet-tariff-card,
html #main .snet-tariff-card,
html[data-theme="day"][data-bg="city"] #main .snet-tariff-card,
html .snet-job,
html #main a.snet-job,
html .snet-news-card,
html .snet-promo-card,
html .snet-about-card,
html .snet-docs-item,
html #main .snet-pay-card,
html .snet-contacts__card,
html .snet-connect-form,
html .snet-pay-tip__inner,
html .snet-greeting__inner,
html .snet-help-choice,
html .snet-help-status,
html .snet-coverage__viewport,
html .snet-inner-page .snet-step,
html .snet-inner-page .snet-router-callout,
html .snet-inner-page .snet-router-brand,
html .snet-inner-page .snet-router-panel,
html .snet-live-card,
html .snet-live-card--weather,
html .snet-live-card--time,
html .snet-live-card--alert,
html[data-theme="day"][data-bg="city"] .snet-live-card,
html[data-theme="day"][data-bg="city"] .snet-shelf-card,
html[data-theme="day"][data-bg="city"] .snet-news-card,
html[data-theme="day"][data-bg="city"] .snet-promo-card,
html[data-theme="day"][data-bg="city"] .snet-about-card,
html .snet-shelf-card,
html .services .icon-box,
html .inner-page .container > .snet-step,
html .snet-speed,
html .snet-speed__app,
html .snet-speed__results,
html .snet-search-inline,
html .snet-search-inline__results,
html .snet-help-choice--accent {
  background: rgba(6, 18, 32, 0.16) !important;
  background-image: none !important;
  backdrop-filter: blur(10px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.12) !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-theme="day"] .snet-tariff-card,
html[data-theme="day"] #main .snet-tariff-card,
html[data-theme="day"][data-bg="city"] #main .snet-tariff-card,
html[data-theme="day"] .snet-job,
html[data-theme="day"] #main a.snet-job,
html[data-theme="day"] .snet-news-card,
html[data-theme="day"] .snet-promo-card,
html[data-theme="day"] .snet-about-card,
html[data-theme="day"] .snet-docs-item,
html[data-theme="day"] #main .snet-pay-card,
html[data-theme="day"] .snet-contacts__card,
html[data-theme="day"] .snet-connect-form,
html[data-theme="day"] .snet-pay-tip__inner,
html[data-theme="day"] .snet-greeting__inner,
html[data-theme="day"] .snet-help-choice,
html[data-theme="day"] .snet-help-status,
html[data-theme="day"] .snet-coverage__viewport,
html[data-theme="day"] .snet-inner-page .snet-step,
html[data-theme="day"] .snet-inner-page .snet-router-callout,
html[data-theme="day"] .snet-inner-page .snet-router-brand,
html[data-theme="day"] .snet-inner-page .snet-router-panel,
html[data-theme="day"] .snet-live-card,
html[data-theme="day"] .snet-live-card--weather,
html[data-theme="day"] .snet-live-card--time,
html[data-theme="day"] .snet-live-card--alert,
html[data-theme="day"][data-bg="city"] .snet-live-card,
html[data-theme="day"][data-bg="city"] .snet-shelf-card,
html[data-theme="day"][data-bg="city"] .snet-news-card,
html[data-theme="day"][data-bg="city"] .snet-promo-card,
html[data-theme="day"][data-bg="city"] .snet-about-card,
html[data-theme="day"] .snet-shelf-card,
html[data-theme="day"] .services .icon-box,
html[data-theme="day"] .inner-page .container > .snet-step,
html[data-theme="day"] .snet-speed,
html[data-theme="day"] .snet-speed__app,
html[data-theme="day"] .snet-speed__results,
html[data-theme="day"] .snet-search-inline,
html[data-theme="day"] .snet-search-inline__results,
html[data-theme="day"] .snet-help-choice--accent {
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html .snet-tariff-card::after,
html[data-theme="day"] .snet-tariff-card::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* Address check: NO wrapping plate / white frame. Fields stay usable. */
html .snet-address,
html .snet-address__form,
html .snet-address__row,
html[data-theme="day"] .snet-address,
html[data-theme="day"] .snet-address__form,
html[data-theme="day"][data-bg="city"] .snet-address,
html[data-theme="day"][data-bg="city"] .snet-address__form {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}

html .snet-address input,
html[data-theme="day"] .snet-address input,
html[data-theme="day"][data-bg="city"] .snet-address input {
  background: rgba(6, 18, 32, 0.28) !important;
  border: 1px solid rgba(125, 211, 252, 0.35) !important;
  box-shadow: none !important;
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
}

html[data-theme="day"] .snet-address input,
html[data-theme="day"][data-bg="city"] .snet-address input {
  background: rgba(255, 255, 255, 0.14) !important;
}

/* Mega / fly sheets: max glass, no milk, no white contour */
html .snet-mega__panel,
html .snet-fly__sheet,
html #header .nav-menu .drop-down > ul.snet-mega__panel,
html .mobile-nav .snet-mega > ul.snet-mega__panel,
html body > ul.snet-dd-panel,
html body > ul.snet-dd-panel.snet-mega__panel,
html[data-theme="day"] .snet-mega__panel,
html[data-theme="day"] .snet-fly__sheet,
html[data-theme="day"] #header .nav-menu .drop-down > ul.snet-mega__panel,
html[data-theme="day"] .mobile-nav .snet-mega > ul.snet-mega__panel,
html[data-theme="day"] body > ul.snet-dd-panel,
html[data-theme="day"] body > ul.snet-dd-panel.snet-mega__panel,
html[data-theme="night"] body > ul.snet-dd-panel.snet-mega__panel {
  background: rgba(6, 18, 32, 0.12) !important;
  background-image: none !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="day"] .snet-mega__panel,
html[data-theme="day"] .snet-fly__sheet,
html[data-theme="day"] #header .nav-menu .drop-down > ul.snet-mega__panel,
html[data-theme="day"] body > ul.snet-dd-panel,
html[data-theme="day"] body > ul.snet-dd-panel.snet-mega__panel {
  background: rgba(255, 255, 255, 0.06) !important;
}

html .snet-mega__tile,
html .mobile-nav a.snet-mega__tile,
html #header .nav-menu .snet-mega > ul.snet-mega__panel > li > a.snet-mega__tile,
html #header .nav-menu .drop-down > ul a.snet-mega__tile,
html body > ul.snet-dd-panel a.snet-mega__tile,
html[data-theme="day"] .snet-mega__tile,
html[data-theme="day"] .mobile-nav a.snet-mega__tile,
html[data-theme="day"] #header .nav-menu .snet-mega > ul.snet-mega__panel > li > a.snet-mega__tile,
html[data-theme="day"] #header .nav-menu .drop-down > ul a.snet-mega__tile,
html[data-theme="day"] body > ul.snet-dd-panel a.snet-mega__tile,
html[data-theme="day"] .snet-fly__sheet .snet-mega__tile,
html[data-theme="day"] .snet-mega__panel .snet-mega__tile,
html[data-theme="day"][data-glow="on"] .snet-mega__tile {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html .snet-mega__icon,
html[data-theme="day"] .snet-mega__icon {
  background: transparent !important;
  border: 0 !important;
}

/* Odo row plate only — never change digit layout / display / overflow */
html .snet-odo {
  background: transparent !important;
}
html[data-theme="day"] .snet-odo {
  background: transparent !important;
}

html .snet-tariff-comment {
  background: rgba(0, 180, 255, 0.08) !important;
}
html[data-theme="day"] .snet-tariff-comment {
  background: rgba(0, 139, 200, 0.08) !important;
}

html .inner-page .portfolio-img,
html[data-theme="day"] .snet-inner-page .portfolio-img {
  background: rgba(6, 18, 32, 0.18) !important;
}
html[data-theme="day"] .snet-inner-page .portfolio-img {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* --- Outlined glow type (same recipe as top nav) --- */
html[data-theme="day"][data-bg="city"] #main .section-title h1,
html[data-theme="day"][data-bg="city"] #main .section-title h2,
html[data-theme="day"][data-bg="city"] #main .section-title p,
html[data-theme="day"][data-bg="city"] .breadcrumbs h1,
html[data-theme="day"][data-bg="city"] #main .snet-tariffs-title,
html[data-theme="day"][data-bg="city"] #services .snet-tariffs-title,
html[data-theme="day"][data-bg="city"] #main .snet-tariff-cat,
html[data-theme="day"][data-bg="city"] #services .snet-tariff-cat,
html[data-theme="day"][data-bg="city"] .snet-metal-title,
html[data-theme="day"][data-glow="on"] #main .snet-tariffs-title,
html[data-theme="day"][data-glow="on"] #main .snet-tariff-cat,
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"] #main .snet-tariffs-title,
html[data-theme="day"] #services .snet-tariffs-title,
html[data-theme="day"] #main .snet-tariff-cat,
html[data-theme="day"] #services .snet-tariff-cat,
html[data-theme="day"] #main .snet-tariff-name,
html[data-theme="day"] #main .snet-tariff-name a,
html[data-theme="day"] #services .snet-tariff-name,
html[data-theme="day"][data-bg="city"] #main .snet-tariff-name,
html[data-theme="day"][data-bg="city"] #main h1,
html[data-theme="day"][data-bg="city"] #main h2,
html[data-theme="day"][data-bg="city"] #main h3,
html[data-theme="day"][data-bg="city"] #main h4,
html[data-theme="day"] .snet-address__kicker,
html[data-theme="day"] .snet-address__label,
html[data-theme="day"] .snet-address__hint,
html[data-theme="day"][data-bg="city"] .snet-address__kicker,
html[data-theme="day"][data-bg="city"] .snet-address__label,
html[data-theme="day"][data-bg="city"] .snet-address__hint,
html[data-theme="day"] #hero .snet-address,
html[data-theme="day"] #hero .snet-address *,
html[data-theme="day"] #hero .snet-address__kicker,
html[data-theme="day"] #hero .snet-address__label,
html[data-theme="day"] #hero .snet-address__hint,
html[data-theme="day"] #hero .snet-hero-lead,
html[data-theme="day"][data-bg="city"] #hero .snet-address__kicker,
html[data-theme="day"][data-bg="city"] #hero .snet-address__label,
html[data-theme="day"][data-bg="city"] #hero .snet-address__hint,
html[data-theme="day"][data-bg="city"] #hero .snet-hero-lead,
html[data-theme="day"] #hero h1,
html[data-theme="day"][data-bg="city"] #hero h1 {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !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 10px rgba(0, 220, 255, 0.7),
    0 0 22px rgba(0, 180, 255, 0.45) !important;
  background: none !important;
  animation: none !important;
  filter: none !important;
}

html[data-theme="day"][data-bg="city"] #main p,
html[data-theme="day"][data-bg="city"] #main li,
html[data-theme="day"][data-bg="city"] #main td,
html[data-theme="day"][data-bg="city"] #main th,
html[data-theme="day"][data-bg="city"] #main label,
html[data-theme="day"] #main .snet-tariff-card span,
html[data-theme="day"] #main .snet-tariff-card strong,
html[data-theme="day"] #main .snet-tariff-comment,
html[data-theme="day"] #main .snet-tariff-comment *,
html[data-theme="day"][data-bg="city"] .snet-live-card,
html[data-theme="day"][data-bg="city"] .snet-live-card * {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  -webkit-text-stroke: 0.04em rgba(4, 16, 24, 0.9) !important;
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 rgba(4, 16, 24, 0.9),
    0 0 8px rgba(0, 220, 255, 0.55),
    0 0 16px rgba(0, 180, 255, 0.32) !important;
}

html[data-theme="day"][data-bg="city"] #main a:not(.btn-get-started):not(.btn-connect):not(.get-started-btn):not(.snet-cta-btn):not(.snet-telegram-btn):not(.snet-job):not(.snet-hero-badge):not(.snet-cab-btn):not(.snet-address__go),
html[data-theme="day"] .snet-address__hint a,
html[data-theme="day"] #hero .snet-address__hint a {
  color: #b8f4ff !important;
  -webkit-text-fill-color: #b8f4ff !important;
  -webkit-text-stroke: 0.04em rgba(4, 16, 24, 0.92) !important;
  text-shadow:
    0 1px 0 rgba(4, 16, 24, 0.95),
    0 0 10px rgba(0, 220, 255, 0.7) !important;
}

/* Mega labels + tiles: readable without white plates */
html body > ul.snet-dd-panel .snet-mega__name,
html body > ul.snet-dd-panel .snet-mega__meta,
html body > ul.snet-dd-panel .snet-mega__cat,
html body > ul.snet-dd-panel a.snet-mega__tile,
html body > ul.snet-dd-panel a.snet-mega__tile *,
html .snet-mega__panel .snet-mega__name,
html .snet-mega__panel .snet-mega__meta,
html .snet-mega__panel .snet-mega__cat,
html .snet-fly__sheet .snet-mega__name,
html .snet-fly__sheet .snet-mega__meta,
html .snet-fly__sheet .snet-mega__cat,
html[data-theme="day"] body > ul.snet-dd-panel .snet-mega__name,
html[data-theme="day"] body > ul.snet-dd-panel .snet-mega__meta,
html[data-theme="day"] body > ul.snet-dd-panel .snet-mega__cat,
html[data-theme="day"] body > ul.snet-dd-panel a.snet-mega__tile,
html[data-theme="day"] body > ul.snet-dd-panel a.snet-mega__tile *,
html[data-theme="day"] .snet-mega__tile .snet-mega__name,
html[data-theme="day"] .snet-mega__tile .snet-mega__meta,
html[data-theme="day"] .snet-mega__tile *,
html[data-theme="day"] .snet-mega__cat {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  -webkit-text-stroke: 0.045em rgba(4, 16, 24, 0.95) !important;
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 rgba(4, 16, 24, 0.95),
    0 0 8px rgba(0, 220, 255, 0.6),
    0 0 16px rgba(0, 180, 255, 0.35) !important;
  background: transparent !important;
}

html .snet-mega__icon,
html .snet-mega__icon i,
html[data-theme="day"] .snet-mega__icon,
html[data-theme="day"] .snet-mega__icon i,
html[data-theme="day"] body > ul.snet-dd-panel .snet-mega__icon,
html[data-theme="day"] body > ul.snet-dd-panel .snet-mega__icon i {
  color: #7af0ff !important;
  -webkit-text-fill-color: #7af0ff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 0 10px rgba(0, 220, 255, 0.75) !important;
  background: transparent !important;
}

/* Keep blue CTA bars: white label, no ice wash */
html[data-theme="day"] .snet-mega__all,
html[data-theme="day"] .snet-mega__all a,
html[data-theme="day"] body > ul.snet-dd-panel > li.snet-mega__all,
html[data-theme="day"] body > ul.snet-dd-panel > li.snet-mega__all > a {
  background: #0b6fa3 !important;
  border: 0 !important;
}

html[data-theme="day"] .snet-from-price,
html[data-theme="day"] #hero .snet-from-price,
html[data-theme="day"][data-bg="city"] #hero .snet-from-price {
  background: linear-gradient(135deg, #1ec8ff 0%, #0090d8 48%, #0070b8 100%) !important;
  background-color: #0096e0 !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow:
    0 10px 28px rgba(0, 140, 220, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* --- Day type law: outlined glow everywhere. Never black/navy fill. --- */
html[data-theme="day"] {
  --snet-ink: #f4fbff;
}

html[data-theme="day"] #main a.snet-job,
html[data-theme="day"] #main a.snet-job:hover,
html[data-theme="day"] #main a.snet-job strong,
html[data-theme="day"] #main a.snet-job span,
html[data-theme="day"][data-bg="city"] #main a.snet-job,
html[data-theme="day"][data-bg="city"] #main a.snet-job:hover,
html[data-theme="day"][data-bg="city"] #main a.snet-job strong,
html[data-theme="day"][data-bg="city"] #main a.snet-job span,
html[data-theme="day"] #main a.snet-job span:last-child,
html[data-theme="day"][data-bg="city"] #main a.snet-job span:last-child,
html[data-theme="day"] .snet-shelf-card,
html[data-theme="day"] #main .snet-shelf-card,
html[data-theme="day"][data-bg="city"] #main .snet-shelf-card,
html[data-theme="day"] #main .snet-news-card,
html[data-theme="day"] #main .snet-news-card *,
html[data-theme="day"] #main .snet-promo-card,
html[data-theme="day"] #main .snet-promo-card *,
html[data-theme="day"] #main .snet-about-card,
html[data-theme="day"] #main .snet-about-card *,
html[data-theme="day"] #main .snet-docs-item,
html[data-theme="day"] #main .snet-docs-item *,
html[data-theme="day"] #main .snet-pay-card,
html[data-theme="day"] #main .snet-pay-card *:not(img),
html[data-theme="day"] #main .snet-contacts__card,
html[data-theme="day"] #main .snet-contacts__card *,
html[data-theme="day"] #main .snet-help-choice,
html[data-theme="day"] #main .snet-help-choice *,
html[data-theme="day"] #main .snet-help-status,
html[data-theme="day"] #main .snet-help-status *,
html[data-theme="day"] #main .snet-step,
html[data-theme="day"] #main .snet-step *:not(.btn-connect):not(.btn-get-started),
html[data-theme="day"] #main .snet-tariff-card,
html[data-theme="day"] #main .snet-tariff-card *:not(.btn-connect):not(.btn-get-started),
html[data-theme="day"] #services .snet-tariff-card *:not(.btn-connect):not(.btn-get-started),
html[data-theme="day"][data-bg="city"] #main h1,
html[data-theme="day"][data-bg="city"] #main h2,
html[data-theme="day"][data-bg="city"] #main h3,
html[data-theme="day"][data-bg="city"] #main h4,
html[data-theme="day"][data-bg="city"] #main p,
html[data-theme="day"][data-bg="city"] #main li,
html[data-theme="day"][data-bg="city"] #main span,
html[data-theme="day"][data-bg="city"] #main strong,
html[data-theme="day"][data-bg="city"] #main label,
html[data-theme="day"] #main .section-title h1,
html[data-theme="day"] #main .section-title h2,
html[data-theme="day"] #main .section-title p,
html[data-theme="day"] #footer,
html[data-theme="day"] #footer *:not(svg):not(path):not(i) {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  -webkit-text-stroke: 0.045em rgba(4, 16, 24, 0.95) !important;
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 rgba(4, 16, 24, 0.95),
    0 0 8px rgba(0, 220, 255, 0.6),
    0 0 18px rgba(0, 180, 255, 0.35) !important;
}

html[data-theme="day"] #main a.snet-job .snet-job__icon,
html[data-theme="day"][data-bg="city"] #main a.snet-job .snet-job__icon {
  color: #7af0ff !important;
  -webkit-text-fill-color: #7af0ff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 0 10px rgba(0, 220, 255, 0.75) !important;
}

/* Never stroke the odometer digits (layout). Ice + glow fill stays in typelaw. */
html .snet-odo,
html .snet-odo *,
html .snet-odo__value,
html[data-theme="day"] .snet-odo,
html[data-theme="day"] .snet-odo *,
html[data-theme="day"] #main .snet-odo__value,
html[data-theme="day"][data-bg="city"] #main .snet-odo__value,
html[data-theme="day"] #main .snet-tariff-card .snet-odo__value,
html[data-theme="day"] #main .snet-tariff-card .snet-odo * {
  -webkit-text-stroke: 0 !important;
}

/* Document reader: no white paper plate — same frost glass as site surfaces */
html #main .snet-doc-read__paper,
html[data-theme="day"] #main .snet-doc-read__paper,
html[data-theme="day"][data-bg="city"] #main .snet-doc-read__paper {
  background: rgba(6, 18, 32, 0.55) !important;
  background-image: none !important;
  color: rgba(232, 241, 250, 0.94) !important;
  border: 1px solid rgba(125, 211, 252, 0.16) !important;
  box-shadow: none !important;
}
html #main .snet-doc-read__paper h2,
html #main .snet-doc-read__paper h3,
html #main .snet-doc-read__paper h4,
html #main .snet-doc-read__paper strong,
html[data-theme="day"] #main .snet-doc-read__paper h2,
html[data-theme="day"] #main .snet-doc-read__paper h3,
html[data-theme="day"] #main .snet-doc-read__paper h4,
html[data-theme="day"] #main .snet-doc-read__paper strong {
  color: #e8f1fa !important;
}
html #main .snet-doc-read__paper a,
html[data-theme="day"] #main .snet-doc-read__paper a {
  color: #7dd3fc !important;
}