/* Day vs night on city photos, and readable Speedtest type. New file: CF ignores query strings. */

html[data-theme="day"][data-bg="city"] .snet-bg-city__veil {
  background:
    linear-gradient(180deg, rgba(255, 250, 238, 0.38) 0%, rgba(255, 248, 236, 0.16) 42%, rgba(236, 246, 255, 0.34) 100%),
    radial-gradient(90% 55% at 50% 0%, rgba(255, 214, 120, 0.22), transparent 58%) !important;
}
html[data-theme="night"][data-bg="city"] .snet-bg-city__veil {
  background:
    linear-gradient(180deg, rgba(2, 8, 18, 0.78) 0%, rgba(3, 10, 20, 0.62) 40%, rgba(1, 6, 14, 0.86) 100%),
    radial-gradient(80% 70% at 50% 0%, rgba(0, 90, 160, 0.16), transparent 62%) !important;
}

html[data-theme="day"] .snet-theme-toggle {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(180, 130, 20, 0.35) !important;
}
html[data-theme="day"] .snet-theme-toggle__icon--sun {
  color: #f0b429 !important;
  filter: drop-shadow(0 0 7px rgba(255, 196, 64, 0.95));
}
html[data-theme="night"] .snet-theme-toggle__icon--moon {
  color: #e8f4ff !important;
  filter: drop-shadow(0 0 7px rgba(125, 211, 252, 0.9));
}

html[data-theme="day"][data-bg="city"] #hero h1,
html[data-theme="day"][data-bg="city"] #hero h2,
html[data-theme="day"][data-bg="city"] #hero .snet-hero-lead,
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 {
  color: #041820 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78), 0 2px 10px rgba(255, 255, 255, 0.45) !important;
}

.snet-speed,
.snet-speed__app,
.snet-speed__results,
.snet-speed__latency,
.snet-speed__idents,
.snet-speed__status,
.snet-speed__powered,
.snet-speed__conns {
  color: #f4fbff;
}
.snet-speed__metric span,
.snet-speed__metric em,
.snet-speed__gauge-label,
.snet-speed__gauge .snet-speed__go span,
.snet-speed__latency span,
.snet-speed__latency em,
.snet-speed__ident span,
.snet-speed__powered,
.snet-speed__status,
.snet-speed__conns button {
  opacity: 1 !important;
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.85),
    0 2px 10px rgba(0, 0, 0, 0.7);
}
.snet-speed__metric strong,
.snet-speed__ident strong,
.snet-speed__latency strong,
.snet-speed__gauge .snet-speed__go strong {
  color: #fff !important;
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.9),
    0 2px 12px rgba(0, 0, 0, 0.75);
}
.snet-speed__gauge-ticks {
  fill: #fff !important;
  opacity: 1 !important;
  paint-order: stroke fill;
  stroke: rgba(0, 0, 0, 0.88);
  stroke-width: 4px;
  font-size: 13px;
  font-weight: 800;
}
.snet-speed__latency span {
  color: #e8f6ff !important;
  font-weight: 700;
}
.snet-speed__gauge .snet-speed__go {
  background: rgba(4, 16, 31, 0.78) !important;
  color: #fff !important;
  border-color: #3ec6ff !important;
  backdrop-filter: blur(14px);
}
.snet-speed__latency > div {
  background: rgba(4, 16, 31, 0.72) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  color: #f4fbff !important;
}
.snet-speed__ident-ico,
.snet-speed__change,
.snet-speed__conns {
  color: #b9ecff !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.7));
}

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-speed__latency,
html[data-theme="day"] .snet-speed__idents,
html[data-theme="day"] .snet-speed__status,
html[data-theme="day"] .snet-speed__powered,
html[data-theme="day"] .snet-speed__conns {
  color: #041820 !important;
}
html[data-theme="day"] .snet-speed__metric span,
html[data-theme="day"] .snet-speed__metric em,
html[data-theme="day"] .snet-speed__gauge-label,
html[data-theme="day"] .snet-speed__gauge .snet-speed__go span,
html[data-theme="day"] .snet-speed__latency span,
html[data-theme="day"] .snet-speed__latency em,
html[data-theme="day"] .snet-speed__ident span,
html[data-theme="day"] .snet-speed__powered,
html[data-theme="day"] .snet-speed__status,
html[data-theme="day"] .snet-speed__conns button {
  color: #0a2436 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 8px rgba(255, 255, 255, 0.55) !important;
}
html[data-theme="day"] .snet-speed__metric strong,
html[data-theme="day"] .snet-speed__ident strong,
html[data-theme="day"] .snet-speed__latency strong,
html[data-theme="day"] .snet-speed__gauge .snet-speed__go strong {
  color: #041820 !important;
  text-shadow: 0 1px 0 #fff, 0 2px 8px rgba(255, 255, 255, 0.7) !important;
}
html[data-theme="day"] .snet-speed__gauge-ticks {
  fill: #041820 !important;
  stroke: rgba(255, 255, 255, 0.92);
  stroke-width: 3.6px;
}
html[data-theme="day"] .snet-speed__gauge .snet-speed__go {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #041820 !important;
  border-color: #1aa7e0 !important;
}
html[data-theme="day"] .snet-speed__latency > div {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(8, 70, 110, 0.22) !important;
  color: #041820 !important;
}
html[data-theme="day"] .snet-speed__ident-ico,
html[data-theme="day"] .snet-speed__change,
html[data-theme="day"] .snet-speed__conns {
  color: #005f96 !important;
  filter: none;
}