/* ── WPBakery OpenStreetMap – stili base ── */

.vcosm-wrap {
    width: 100%;
    display: block;
    position: relative;
}

.vcosm-map {
    width: 100%;
    min-height: 200px;
    background: #e8e0d8;
    display: block;
    position: relative;
}

/* Assicura che i controlli Leaflet siano sopra tutto */
.vcosm-map .leaflet-pane,
.vcosm-map .leaflet-control {
    z-index: 1;
}

/* Stato di caricamento (prima del geocoding) */
.vcosm-map:empty::after {
    content: '🗺️ Caricamento mappa...';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #666;
    white-space: nowrap;
}

/* Dark tile: aggiusta colori controlli */
.vcosm-wrap .leaflet-control-attribution a {
    color: inherit;
}

/* Fix per WPBakery editor – evita che il wrapper blocchi i click sulla mappa */
.vc_element .vcosm-map {
    pointer-events: auto;
}

/* Responsive */
@media (max-width: 600px) {
    .vcosm-map {
        min-height: 250px;
    }
}