/* Custom Leaflet map component overrides
   ─────────────────────────────────────────
   Leaflet's default .leaflet-div-icon adds a white background + border
   to every L.divIcon.  We strip that for our branded pins and clusters. */

.leaflet-custom-pin {
  background: none !important;
  border: none !important;
}

.leaflet-cluster-icon {
  background: none !important;
  border: none !important;
}

/* Responsive map height via CSS custom properties */
.leaflet-map-container {
  height: var(--map-height);
}

@media (max-width: 767px) {
  .leaflet-map-container {
    height: var(--map-mobile-height);
  }
}