/* Styles specific to the map page */
body {
    overflow: hidden;
}

.glass-panel {
    background: #edefdf; /* crema */
    border-right: 2px solid #044732;
    box-shadow: none;
}

/* Stili Popup Mappa Leaflet (Stile Piatto) */
.leaflet-popup-content-wrapper {
    background: #ffffff !important;
    border-radius: 0px !important;
    box-shadow: 4px 4px 0px #044732 !important;
    border: 2px solid #044732;
    font-family: 'Inter', sans-serif;
}
.leaflet-popup-content { margin: 16px !important; line-height: 1.5; }
.leaflet-popup-tip { background: #ffffff !important; border: 2px solid #044732; }

/* Custom Markers: rimuove lo sfondo bianco base di leaflet */
.custom-div-icon { background: transparent; border: none; }

/* Stile icone sulla mappa satellitare (devono spiccare) */
.map-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    border: 2px solid;
    transition: transform 0.2s;
}
.map-icon-wrapper:hover {
    transform: scale(1.1);
}

/* Checkbox e radio personalizzate */
.custom-checkbox, .custom-radio {
    accent-color: #317c33;
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
}

/* Custom text label marker styling for KML grid labels */
.kml-grid-label-icon {
    background: transparent !important;
    border: none !important;
    pointer-events: none !important; /* Disables clicking, hovering and cursor modifications */
}