/* Map / Aerial basemap switch */
.basemap-switch{display:flex;background:#fff;border-radius:9px;padding:3px;gap:2px;box-shadow:0 2px 10px #233f3530;margin:0 12px 70px 0!important}
.basemap-switch button{border:0;background:transparent;color:#5d6c62;padding:6px 11px;border-radius:7px;font-size:12px;font-weight:600}
.basemap-switch button[aria-pressed="true"]{background:#2f5d43;color:#fff}
body.aerial .leaflet-tile-pane{filter:none}

@media(max-width:720px){.basemap-switch{margin:0 8px 64px 0!important}}
/* streets-on-top mode: raster basemap hidden (except the aerial photo up close); land shows as a plain pale colour */
body.vector-base .leaflet-container{background:#f2f0e8}
body.vector-base .leaflet-tile-pane{opacity:0}
body.vector-base.aerial .leaflet-tile-pane{opacity:1}
body.aerial .leaflet-vectorTop-pane{display:none}
body.aerial .leaflet-vectorMask-pane{display:none}
.lg-streets{margin-top:8px;padding-top:7px;border-top:1px solid #e6e3da}
.lg-streets b{font-size:11px!important;margin-bottom:5px!important}
.lg-streets .lg-steps span{align-items:center}
/* Walkably-like map chrome: flat, square, black lines */
body.vector-base .leaflet-container{background:#ffffff}
body.vector-base #explore-legend{border-radius:0;box-shadow:none;border:1px solid #1d1d1d;background:#fff;color:#1d1d1d}
body.vector-base #explore-legend b{color:#111}
body.vector-base .lg-steps i{border-radius:0}
body.vector-base .leaflet-control-zoom{box-shadow:none!important;border:1px solid #1d1d1d!important;border-radius:0!important}
body.vector-base .leaflet-control-zoom a{border-radius:0!important;color:#111!important}
body.vector-base .basemap-switch{border-radius:0;box-shadow:none;border:1px solid #1d1d1d;padding:0;gap:0}
body.vector-base .basemap-switch button{border-radius:0;color:#111}
body.vector-base .basemap-switch button[aria-pressed="true"]{background:#111;color:#fff}
body.vector-base .map-search{border-radius:0;box-shadow:none;border:1px solid #1d1d1d}
body.vector-base .map-instruction,body.vector-base .map-scale-note{border-radius:0;box-shadow:none;border:1px solid #1d1d1d}
body.aerial #explore-legend{display:none!important}
/* ---------- native MapLibre map (replaces Leaflet) ---------- */
#map .maplibregl-canvas{outline:none}
.place-pin{width:18px;height:18px;border-radius:50%;background:#315e40;border:4px solid #fff;box-shadow:0 1px 6px #0004;box-sizing:content-box;pointer-events:none}
.facility-marker{cursor:default}
.basemap-switch{position:absolute;right:12px;bottom:70px;z-index:400;margin:0!important}

.walk-scale{position:absolute;left:0;bottom:0;z-index:400}
#map .maplibregl-ctrl-top-left{top:76px}

#map .maplibregl-ctrl-group{border-radius:0;box-shadow:none;border:1px solid #1d1d1d}
#map .maplibregl-ctrl-group button{width:30px;height:30px}
#map .maplibregl-ctrl-group button+button{border-top:1px solid #1d1d1d}
#map .maplibregl-ctrl-attrib{font-size:9px}
@media(max-width:720px){.basemap-switch{right:8px;bottom:64px}}
/* ---------- place icons (Tabler / Lucide line icons) ---------- */
.cat-icon{width:15px;height:15px;display:block}
.route-dot .cat-icon{width:14px;height:14px}
.route-dot{width:24px!important;height:24px!important}
.facility-marker span{position:relative;display:grid;place-items:center;border-radius:50%;background:none;border:0;box-shadow:none;width:auto;height:auto;color:var(--c)}
/* other nearby options: small, quiet icon with a thin white outline */
.facility-marker.place{opacity:.8}
.facility-marker.place span{width:18px;height:18px}
.facility-marker.place .cat-icon{width:16px;height:16px;stroke-width:2}
.facility-marker .halo{position:absolute;inset:0;display:grid;place-items:center;font-style:normal}
.facility-marker .halo .cat-icon{stroke:#fff;stroke-width:5}
.facility-marker.place span>.cat-icon{position:relative;z-index:1}
#map.zoomed-out .facility-marker.place{display:none}
/* places with a drawn path: white circle, coloured edge and icon */
.facility-marker.routed span{width:26px;height:26px;background:#fff;border:1.5px solid var(--c);box-shadow:0 1px 4px #0003}
.facility-marker.routed .cat-icon{width:15px;height:15px}
.facility-marker.routed.chosen span{width:31px;height:31px;border-width:2px;box-shadow:0 1px 6px #0004}
.facility-marker.routed.chosen .cat-icon{width:18px;height:18px}
#map.overview-hidden .facility-marker.overview{display:none}