/* Essential Leaflet layout CSS included locally because some Joomla templates/CSP setups do not load the external Leaflet stylesheet. */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer { position: absolute; left: 0; top: 0; }
.leaflet-container { overflow: hidden; }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; }
.leaflet-tile::selection { background: transparent; }
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; }
.leaflet-marker-icon,
.leaflet-marker-shadow { display: block; }
.leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; }
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer { max-width: none !important; max-height: none !important; }
.leaflet-container.leaflet-touch-zoom { touch-action: pan-x pan-y; }
.leaflet-container.leaflet-touch-drag { touch-action: none; touch-action: pinch-zoom; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { touch-action: none; }
.leaflet-container { -webkit-tap-highlight-color: transparent; font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; background: #ddd; outline-offset: 1px; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-control { position: relative; z-index: 800; pointer-events: auto; }
.leaflet-top,
.leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }
.leaflet-top { top: 0; }
.leaflet-right { right: 0; }
.leaflet-bottom { bottom: 0; }
.leaflet-left { left: 0; }
.leaflet-control { float: left; clear: both; }
.leaflet-right .leaflet-control { float: right; }
.leaflet-top .leaflet-control { margin-top: 10px; }
.leaflet-bottom .leaflet-control { margin-bottom: 10px; }
.leaflet-left .leaflet-control { margin-left: 10px; }
.leaflet-right .leaflet-control { margin-right: 10px; }
.leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity 0.2s linear; }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }
.leaflet-zoom-animated { transform-origin: 0 0; }
.leaflet-zoom-anim .leaflet-zoom-animated { transition: transform 0.25s cubic-bezier(0,0,0.25,1); }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile { transition: none; }
.leaflet-interactive { cursor: pointer; }
.leaflet-grab { cursor: grab; }
.leaflet-dragging .leaflet-grab { cursor: move; cursor: grabbing; }
.leaflet-control-zoom a { text-align: center; text-decoration: none; color: black; background-color: #fff; display: block; width: 30px; height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; }
.leaflet-control-zoom a:hover { background-color: #f4f4f4; }
.leaflet-control-zoom-in { font: bold 18px 'Lucida Console', Monaco, monospace; }
.leaflet-control-zoom-out { font: bold 22px 'Lucida Console', Monaco, monospace; }
.leaflet-control-zoom { border: 2px solid rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden; background: #fff; }
.leaflet-control-attribution { background: rgba(255,255,255,0.8); margin: 0; padding: 0 5px; color: #333; }
.leaflet-control-attribution a { text-decoration: none; }
.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }
.leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; background: white; box-shadow: 0 3px 14px rgba(0,0,0,0.4); }
.leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; min-height: 1px; }
.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; }
.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; transform: rotate(45deg); background: white; box-shadow: 0 3px 14px rgba(0,0,0,0.4); }
.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma,Verdana,sans-serif; color: #757575; text-decoration: none; background: transparent; }
.leaflet-marker-icon.leaflet-div-icon { background: #fff; border: 1px solid #666; }

.mod-osm-map-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    clear: both;
    float: none !important;
}

.mod-osm-map-wrapper--full {
    inline-size: 100%;
}

.mod-osm-map-wrapper *,
.mod-osm-map-wrapper *::before,
.mod-osm-map-wrapper *::after {
    box-sizing: border-box;
}

.mod-osm-map-wrapper .card,
.mod-osm-map-wrapper .card-body {
    width: 100% !important;
    max-width: 100% !important;
}

.mod-osm-map-wrapper .card-body {
    line-height: 0;
}

.mod-osm-map-wrapper .leaflet-container {
    line-height: 1.5;
}

.mod-osm-map {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: var(--mod-osm-map-height, 450px) !important;
    min-height: var(--mod-osm-map-height, 450px) !important;
    overflow: hidden;
    position: relative !important;
    isolation: isolate;
}

.mod-osm-map.leaflet-container {
    width: 100% !important;
    height: var(--mod-osm-map-height, 450px) !important;
    max-width: none !important;
}

.mod-osm-map .leaflet-pane,
.mod-osm-map .leaflet-map-pane,
.mod-osm-map .leaflet-tile-pane,
.mod-osm-map .leaflet-overlay-pane,
.mod-osm-map .leaflet-marker-pane,
.mod-osm-map .leaflet-shadow-pane,
.mod-osm-map .leaflet-tooltip-pane,
.mod-osm-map .leaflet-popup-pane {
    position: absolute;
}

.mod-osm-map .leaflet-tile-container img,
.mod-osm-map img.leaflet-tile {
    max-width: none !important;
    max-height: none !important;
}

.mod-osm-map .mod-osm-map-message {
    margin: 1rem;
}


.mod-osm-map-marker { background: transparent !important; border: 0 !important; }
.mod-osm-map-marker span {
    display: block;
    width: 22px;
    height: 22px;
    background: #0d6efd;
    border: 3px solid #fff;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    box-shadow: 0 2px 6px rgba(0,0,0,.35);
}
.mod-osm-map-marker span::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    margin: 5px;
    background: #fff;
    border-radius: 50%;
}