/* Fix Leaflet map overflow issues */
#detailsMap {
    height: 350px;
    position: relative;
    z-index: 1;          /* keep it inside the card */
    overflow: hidden;    /* prevent tiles from spilling out */
}

/* Leaflet container fix */
.leaflet-container {
    z-index: 1 !important;
}

/* Prevent Leaflet panes from floating above Bootstrap elements */
.leaflet-pane,
.leaflet-tile-layer,
.leaflet-map-pane {
    z-index: 1 !important;
}

/* Popup must be on top of marker but below UI elements */
.leaflet-popup {
    z-index: 500 !important;
}

.card-body {
    position: relative;
}