/* Leaflet Map Styling Fix */
#map {
    height: 500px !important;
    width: 100% !important;
    z-index: 1;
    background-color: #e0e0e0;
}

/* Ensure parent containers have proper height */
#map.leaflet-container {
    height: 500px !important;
}

/* Responsive map height */
@media (max-width: 768px) {
    #map {
        height: 350px !important;
    }
}

/* Fix for Leaflet controls */
.leaflet-control-zoom {
    margin-top: 10px !important;
}

/* Ensure Leaflet tiles load properly */
.leaflet-tile-container {
    pointer-events: auto;
}