/* The ONE dark Leaflet skin for every map the site renders - the public
   coverage map and the admin GeoService editor share one visual language, so
   the editor never reads as a foreign widget. Page layers keep only their own
   container geometry (#area-map, #geo-map) - never a second copy of these rules.

   LOAD ORDER IS LOAD-BEARING: this file must come AFTER the vendor Leaflet
   stylesheet on every page that uses it. Most of the rules below out-rank
   Leaflet with !important, but the city label deliberately does not - it is a
   plain .area-city-label against Leaflet's .leaflet-tooltip, equal specificity,
   so the later sheet wins. Loaded first, it loses, and the coverage map paints
   Leaflet's white bubble instead of the site's text-only label. That is exactly
   what happened on the home page while this sheet sat above leaflet.css. */

.leaflet-container{background:#0f0e0c;font-family:var(--sans)}
.leaflet-tile{filter:brightness(.72) contrast(1.04) saturate(.78)}
.leaflet-control-zoom a{background:#16140f!important;color:var(--ink-soft)!important;border-color:var(--line)!important}
@media(hover:hover) and (pointer:fine){.leaflet-control-zoom a:hover{color:var(--gold)!important}}
.leaflet-bar{border-color:var(--line)!important}
.leaflet-bar a{background:#16140f!important;color:var(--ink-soft)!important;border-color:var(--line)!important}
/* Required OpenStreetMap/CARTO attribution stays - quiet, dark, readable,
   links functional. (The Leaflet PREFIX is disabled at map construction on
   both surfaces, which is what removes the bright flag badge.) */
.leaflet-control-attribution{background:rgba(15,14,12,.5)!important;color:rgba(125,116,100,.55)!important;font-size:9px!important}
.leaflet-control-attribution a{color:rgba(125,116,100,.7)!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#16140f;color:var(--ink);border:1px solid var(--line)}
.leaflet-popup-content{font-family:var(--sans);font-size:.84rem}

/* City markers: gold dot + permanently visible name (one look on both
   surfaces; the admin editor shows them behind its own toggle). The label is
   a Leaflet tooltip stripped of its bubble chrome - text only, readable on
   the dark tiles, non-interactive. */
.area-city-label{background:transparent;border:none;box-shadow:none;
  color:#f3ead8;font-size:12px;font-weight:500;letter-spacing:.02em;
  text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8);
  padding:0 2px;pointer-events:none}
.area-city-label::before{display:none}