/* =========================================================
   MAP.CSS - Container do Mapa e Controles Customizados
   Projeto: MPPE Caatinga Resiste 2026
========================================================= */

#map {
    width: 100vw;
    height: 100vh;
    min-height: 500px;
    z-index: var(--z-map);
}

/* =========================================================
   CONTROLE CUSTOMIZADO: BOTÃO DASHBOARD ESTADUAL
========================================================= */

/* Botão dentro da barra do Leaflet */
.leaflet-control-dashboard {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: white;
    color: var(--color-primary, #0d5d2e); /* Usa a variável do projeto */
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

.leaflet-control-dashboard:hover {
    background-color: #f4f4f4;
    color: var(--color-primary, #0d5d2e);
}

/* Remove borda extra se for o último elemento da barra */
.leaflet-bar a:last-child {
    border-bottom: none;
}

/* =========================================================
   RESPONSIVIDADE
========================================================= */

@media (max-width: 992px) {
    #map {
        min-height: 450px;
    }
}

@media (max-width: 768px) {
    #map {
        min-height: 400px;
    }
}

@media (max-height: 700px) {
    #map {
        min-height: 400px;
    }
}