/* Colori istituzionali sicuri */
.custom-brand-bg, 
.it-header-center-wrapper, 
.it-footer {
    background-color: #05750e !important;
}

/* Solo testi bianchi e icone bianche dove serve */
.navbar-brand,
.nav-link,
.it-brand-text,
.it-footer,
.it-footer a {
    color: #ffffff !important;
}

/* Icona Hamburger bianca (forzata via filtro) */
.navbar-toggler-icon {
    filter: invert(1) brightness(2);
}

/* Risoluzione del problema "sottile" su mobile */
@media (max-width: 991px) {
    .navbar-collapse {
        background-color: #05750e !important;
        padding: 10px;
        margin-top: 10px;
        width: 100%;
    }
}

/* Forza il verde su quella specifica riga */
.it-header-slim-wrapper.custom-header-bg {
    background-color: #05750e !important;
}

/* Sfondo verde istituzionale per il footer */
.it-footer {
    background-color: #05750e !important;
}

/* Forza testo e link del footer a essere bianchi */
.it-footer, 
.it-footer p, 
.it-footer strong, 
.it-footer a {
    color: #ffffff !important;
}




/* Sovrascrittura forzata per la riga superiore (Regione) */
header .it-header-slim-wrapper.custom-header-bg {
    background-color: #05750e !important;
}

/* Sovrascrittura forzata per il footer */
footer.it-footer, 
.it-footer .it-footer-main {
    background-color: #05750e !important;
}

/* Forza il colore bianco per tutti i testi dentro il footer */
footer.it-footer, 
footer.it-footer p, 
footer.it-footer a, 
footer.it-footer strong, 
footer.it-footer div {
    color: #ffffff !important;
}





/* Cambia colore ai testi e titoli solo dentro il contenuto principale */
 
main p, 
main a:not(.btn) {
    color: #05750e !important;
}

/* Assicura che le card nel main mantengano il testo corretto */
main .card h5 {
    color: #05750e !important;
}


/* Colora i testi e i titoli degli accordion nel main di verde */
main .accordion .accordion-button, 
main .accordion .accordion-body, 
main .accordion .accordion-item {
    color: #05750e !important;
}


/* Colora l'icona dell'accordion di verde */
main .accordion .accordion-button::after {
    filter: invert(30%) sepia(90%) saturate(1500%) hue-rotate(100deg) brightness(40%) contrast(100%) !important;
}






/* Colora le etichette "x liste" in verde (invece che blu) */
.badge {
    background-color: #05750e !important;
    color: #ffffff !important;
}

/* Colora le frecce degli accordion di verde */
main .accordion-button::after {
    filter: invert(30%) sepia(90%) saturate(1500%) hue-rotate(100deg) brightness(40%) contrast(100%) !important;
}


/* Ripristina il testo bianco dentro i badge per renderlo visibile */
.badge {
    background-color: #05750e !important;
    color: #ffffff !important; /* Questo rende il testo "9 liste" bianco */
}

/* Se vuoi che il badge sia pił distinto dal verde di sfondo */
.badge {
    border: 1px solid #ffffff !important; 
}


/* Ripristina Titillium Web come font di default per l'intero sito */
body, 
h1, h2, h3, h4, h5, h6, 
.it-footer, 
.accordion-button {
    font-family: 'Titillium Web', sans-serif !important;
}





/* Stile per le tab attive (Pills) */
.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    background-color: #006633 !important; /* Il verde scuro del Comune */
    color: #ffffff !important;           /* Testo bianco per il contrasto */
    border-radius: 4px;                  /* Mantiene l'angolo arrotondato */
}

/* Stile per le tab non attive */
.nav-pills .nav-link {
    color: #006633 !important;           /* Testo verde per le non attive */
    background-color: transparent;
}

/* Effetto hover per le tab non attive */
.nav-pills .nav-link:hover {
    background-color: #e6f0eb;           /* Un verde molto chiaro al passaggio del mouse */
}


.nav-pills .nav-link.active {
    border: 1px solid #004d26; /* Un verde leggermente pił scuro per il bordo */
}