/* ──────────────────────────────────────────────────────────────────────────
 * Location picker map (location_picker_controller.js).
 *
 * Leaflet's own stylesheet is vendored in public/leaflet/ and loaded with the
 * map. Tailwind's preflight caps every img at max-width: 100%, which shreds
 * Leaflet's tiles and marker, so that's undone inside the map.
 * ────────────────────────────────────────────────────────────────────────── */
.leaflet-container img {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container {
  font: inherit;
  z-index: 0; /* keep the map under the navbar and modals */
}