/* Crest Leaflet Map — pin + theme filter support (paired with crest-map-leaflet.js) */

/* The theme's server-rendered staticmap <img> is the no-JS placeholder, but its
   URL is built with the now-dead Google key and 403s for EVERY visitor. Hide it
   entirely — JS visitors get the Leaflet map, and the wasted 403 request stops
   firing. (No-JS visitors get a clean empty box until the parent-theme update
   swaps the noscript embed to OpenStreetMap.) */
.crest-map-javascript > img {
  display: none;
}

.crest-leaflet-pin {
  width: 44px;
  height: 52px;
  overflow: visible;
}

.crest-leaflet-pin svg {
  width: 44px;   /* fixed dims — never let percentage sizing distort the pin */
  height: 52px;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.28));
}

/* Approximate the theme's map styling over raster tiles (light = design default).
   Value is applied by crest-map-leaflet.js via --crest-tile-filter. */
.leaflet-tinted .leaflet-tile-pane {
  filter: var(--crest-tile-filter, none);
}

/* Focus visibility for keyboard users (Leaflet traps focus on the container). */
.crest-map-js-target.leaflet-container:focus-visible {
  outline: 3px solid #a3212b;
  outline-offset: 2px;
}