/**
 * Isolate Leaflet tiles from Bootstrap / global img CSS.
 * Load AFTER leaflet.min.css (layouts/map/*.blade.php).
 */
.leaflet-container img.leaflet-tile,
.leaflet-tile-pane img,
.leaflet-tile-container img,
#map img.leaflet-tile,
#export-map-canvas img.leaflet-tile {
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    display: block !important;
    box-sizing: content-box !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform-origin: top left !important;
}

.leaflet-tile-pane,
.leaflet-tile-container {
    line-height: 0 !important;
}

.leaflet-zoom-animated {
    will-change: transform;
}

/* Detail modal iframe must fill modal body cleanly (no extra borders) */
#detailModal .modal-body {
    overflow: hidden;
}

#detailModal .modal-body iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: #fff;
}