/* --- CONFIGURAÇÃO ESTRUTURAL DO MAPA --- */
#map-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0; /* Garante que fique atrás de tudo */
    /* pointer-events: auto; -> Deixe comentado se quiser que o usuário interaja com o mapa, 
       ou use 'none' se for apenas decorativo */
}

/* Remove o fundo cinza padrão do container do Leaflet */
.leaflet-container {
    background: transparent !important;
}

/* Esconde controles padrão (Zoom, Atribuição) para um visual "App Clean" */
/* Se precisar deles, remova este bloco */
.leaflet-control-container .leaflet-top,
.leaflet-control-container .leaflet-bottom {
    display: none !important;
}

/* --- FILTROS VISUAIS (CUSTOMIZAÇÃO OPENSTREETMAP) --- */

/* MODO CLARO: 
   Deixa o mapa preto e branco (grayscale) e aumenta o contraste.
   Isso faz com que o laranja da NAHAGI se destaque muito mais.
*/
.map-tiles-light {
    filter: grayscale(100%) contrast(110%);
    transition: filter 0.7s ease;
}

/* MODO ESCURO (NAHAGI DARK): 
   1. invert(100%): Transforma o fundo branco do OSM em preto.
   2. hue-rotate(180deg): Corrige as cores invertidas (ex: azul vira laranja).
   3. brightness/contrast: Ajusta para não cansar a vista.
*/
.map-tiles-dark {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%) grayscale(20%);
    transition: filter 0.7s ease;
}

/* --- OVERLAY DE TRANSIÇÃO --- 
   Uma camada extra sobre o mapa para suavizar a transição de cores
   e garantir leitura do texto sobre o mapa.
*/
.map-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none; /* Deixa clicar através dele */
    z-index: 1; /* Fica logo acima do mapa, mas atrás do conteúdo do site */
    transition: background-color 0.7s ease;
}

/* Gradiente suave para o modo claro */
.map-overlay-light {
    background: linear-gradient(to bottom, rgba(255,255,255,0.4), transparent, rgba(255,255,255,0.8));
}

/* Gradiente suave para o modo escuro */
.map-overlay-dark {
    background: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent, rgba(5,5,5,1));
}