/* ========================================
   FILE PRINCIPALE CSS - RESCUE_SAT
   ======================================== */

/* Base */
@import url('base.css');

/* Layout principale */
@import url('top-bars.css?var=5.0');
@import url('map.css');
@import url('panels.css?var=1.4');
@import url('menus.css');

/* Pulsanti - organizzati per sezione */
@import url('buttons/main-buttons.css');
@import url('buttons/geodata-buttons.css?var=1.1');
@import url('buttons/hazard-buttons.css?var=1.1');
@import url('buttons/structure-buttons.css');
@import url('buttons/risk-buttons.css?var=1.1');
@import url('buttons/layer-buttons.css');
@import url('buttons/aree-calcolo-buttons.css');

/* Utilità globali */
@import url('utilities.css?v=20');
/* GPS */
@import url('gps-style.css');


@keyframes spinLoader {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* ========================================
   MOSTRA PANNELLI MODALITÀ QUANDO ATTIVI
   ======================================== */
#geodata-buttons.is-visible,
#hazard-buttons.is-visible,
#structure-buttons.is-visible,
#risk-buttons.is-visible {
    display: flex !important;
}



/*regole leaflet per desktop, per vedere pulsanti zoom e gps */
.leaflet-control-container,
.leaflet-top,
.leaflet-left,
.leaflet-right,
.leaflet-control,
.leaflet-control-zoom {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.leaflet-top
{
    z-index: 4000 !important;
}

.leaflet-top.leaflet-left {
    top: 10px !important;
    left: 10px !important;
}

.leaflet-top.leaflet-right {
    top: 10px !important;
    right: 10px !important;
}

/* Desktop: lo zoom resta sotto il selettore OSM/Satellite. */
@media (min-width: 769px) {
    #map .leaflet-top.leaflet-left .leaflet-control-zoom {
        margin-top: 110px !important;
    }
}







/* STRUCTURE e RISK: aspetto e altezza dei sottopulsanti HAZARD. */
#structure-buttons button,
#risk-buttons button {
    height: 38px;
    min-width: 150px;
    flex: 0 0 auto;
    box-sizing: border-box;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    color: white;
    background: #999999;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#structure-buttons button:hover,
#risk-buttons button:hover {
    background: #777777;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

#structure-buttons button.active,
#risk-buttons button.active {
    background: #0066CC;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

#structure-buttons button.active:hover,
#risk-buttons button.active:hover {
    background: #0052A3;
}

#structure-buttons button:focus,
#risk-buttons button:focus {
    outline: none !important;
}

@media (min-width: 769px) {
    #structure-buttons,
    #risk-buttons {
        gap: 8px;
        height: 64px;
    }
}