/* Fix for map z-index issues */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    /* Make sure these are below the header which has z-index: 100 */
    z-index: 10 !important;
}

/* Ensure the map container itself has a lower z-index */
#city-map,
#map {
    position: relative;
    z-index: 10;
}

/* Ensure the header stays on top */
header {
    position: sticky;
    top: 0;
    z-index: 1000 !important; /* Increase from 100 to 1000 to be safe */
}