/* Leleka service map: real streets and place markers (Leaflet + OSM).
   The original illustrated SVG remains as graceful fallback if network is blocked. */
.areas-map-surface.lm-map-ready { padding:0; background:#e7ede8; perspective:none; min-width:0; }
.areas-map-surface.lm-map-ready > .areas-map-svg { display:none; }
.leleka-live-map {height:580px;width:100%;position:relative;background:#e6ece6;z-index:0;touch-action:pan-x pan-y;}
.leleka-live-map .leaflet-container {background:#e6ece6; font-family:var(--font-body,system-ui,sans-serif);}
.leleka-live-map .leaflet-control-zoom {border:1px solid #dae2df!important;box-shadow:0 6px 18px #093b4036;border-radius:10px;overflow:hidden;}
.leleka-live-map .leaflet-control-zoom a {width:36px;height:36px;line-height:36px;color:#0b4f5c;}
.leleka-live-map .leaflet-control-attribution{font-size:10px;background:rgba(255,255,255,.88);}
.leleka-map-marker {display:flex;align-items:center;justify-content:center;width:33px;height:38px;filter:drop-shadow(0 3px 3px #082d3550);}
.leleka-map-marker span{background:#0b4f5c;color:#fff;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:3px solid #fff;border-radius:50%;font-weight:800;font-size:13px;line-height:1;box-shadow:0 0 0 1px #0b4f5c2c;}
.leleka-map-marker::after {content:'';position:absolute;top:28px;left:13px;border:4px solid transparent;border-top-color:#0b4f5c;}
.leleka-map-marker.is-selected span {background:#c76c2e;transform:scale(1.12);}
.leleka-map-popup {font-family:var(--font-body,system-ui,sans-serif);font-size:13px;min-width:140px;}
.leleka-map-popup b{display:block;margin-bottom:8px;font-size:16px;color:#073843;}
.leleka-map-popup a {font-weight:800;text-decoration:none;color:#0b4f5c;}
.leleka-map-popup a:hover {text-decoration:underline;}
.areas-map-section.lm-map-live .map-credit {display:none;}
.leleka-live-map-note{font-size:11px;color:#4c6265;margin:10px 8px 0;text-align:left;}
@media(max-width:980px){.leleka-live-map{height:500px;}}
@media(max-width:640px){.leleka-live-map{height:420px;}.leleka-map-marker span{width:28px;height:28px;}}

/* v4 - coverage shading and clear highlighted town shapes */
.leleka-dim-overlay{position:absolute;inset:0;z-index:395;pointer-events:none;overflow:hidden}
.leleka-dim-overlay svg{display:block;width:100%;height:100%;pointer-events:none}
.leleka-service-polygon{stroke-linejoin:round;stroke-linecap:round}
.leleka-map-legend{position:absolute;z-index:790;top:13px;left:13px;max-width:min(235px,65%);padding:10px 13px;
  border-radius:11px;background:rgba(255,255,255,.96);color:#264950;box-shadow:0 4px 18px #20383b24;
  font-size:12px;line-height:1.4;pointer-events:none;}
.leleka-map-legend .lm-legend-dot{display:inline-block;width:12px;height:12px;border-radius:3px;
  background:#77bfd0;border:2px solid #16758a;margin-right:7px;vertical-align:-2px;}
.leleka-map-legend strong{font-size:13px;}
.leleka-map-legend small{display:block;color:#4f686f;margin-top:4px;font-size:11px;}
.leleka-live-map-note{margin:10px 12px 4px;line-height:1.5;font-size:11px;}
@media(max-width:640px){.leleka-map-legend{left:9px;top:9px;padding:8px 9px;max-width:60%;font-size:11px;}}

/* v5: gesture handling: finger-scroll passes through map to page. */
.leleka-live-map { touch-action:pan-y!important; overscroll-behavior:auto; }
.leleka-live-map .leaflet-container { touch-action:pan-y!important; }
.leleka-live-map .leaflet-tile-pane, .leleka-live-map .leaflet-overlay-pane { touch-action:pan-y!important; }
.leleka-service-zone { stroke-linecap:round; stroke-linejoin:round; }
.leleka-live-map-note { max-width:95%; }