/* ---------------------------------------------------------------------------
   Weather radar overlay (public/js/weather-overlay.js) -- shared by every map
   surface that offers the "Weather radar" checkbox (home explore map + the
   server-rendered hike/trailhead/city pages).

   Minimal frosted pill naming the radar frame's time; shown only while the
   radar overlay is checked on. No scrubber or playhead -- the loop just runs.
   --------------------------------------------------------------------------- */

.radar-controls {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: rgba(28,28,30,.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 6px 14px;
  display: none;
  font-size: 11px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.radar-controls.visible { display: block; }

/* Phone: ride above the Leaflet attribution line instead of covering it. */
@media (max-width: 640px) {
  .radar-controls { bottom: 40px; }
}

.radar-controls .radar-timestamp {
  color: rgba(255,255,255,.85);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}