/* *************************************************************************** */
/* ***************			INIZIO STRUTTURA SKIN 			****************** */
/* ***************	STILI PERSONALIZZATI PER OGNI ENTE		****************** */
/* *************************************************************************** */

/*IN QUESTO FILE SI INSERISCONO SOLO LE VARIABILI CON IL COLORE, PER IL RESTO SI UTILIZZA IL CSS STILI-CUSTOM */

:root {
    /*COLORE PRINCIPALE da mettere come rgb*/ /*#0800e6*/
    /*basta cambiare questa variabile e tutto il CSS prende questo colore in automatico*/
    /*il colore va inserito come RGB ma con le virgole es. 56, 115, 62*/
    --colore-principale: 0, 97, 140;
    /*COLORE NAVBAR*/ /*#07005c*/
    --colore-navbar: 100, 164, 214;
    /*COLORE FOOTER*/
    --colore-footer: 32, 42, 46;
}

/*h2:has(#ctl00_ctl13_ctl01_lblContattaIlComune) {*/
/*    display: none;*/
/*}*/


.card-body > h2.title-medium-2-semi-bold:first-of-type {
    display: none;
}

.contact-list:first-of-type::before {
    content: "Contatta l'Ente";
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #17324d;
}

/* Wrapper menu: flex per allineamento, ma non forzare larghezza */
#it-header-navbar-wrapper .menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; /* permette al menu di adattarsi su schermi più stretti */
}

/* Menu principale: flex, occupa spazio disponibile senza forzare */
#it-header-navbar-wrapper .menu-wrapper > ul.navbar-nav:first-child {
    display: flex;
    flex-grow: 1;       /* occupa lo spazio disponibile */
    flex-shrink: 1;     /* si restringe se necessario */
    flex-basis: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Voci del menu principale: distribuite in modo fluido */
#it-header-navbar-wrapper .menu-wrapper > ul.navbar-nav:first-child .nav-item {
    flex: 1 1 auto;     /* crescita e restringimento automatico */
    text-align: center;
}

/* Testo delle voci: non va a capo */
#it-header-navbar-wrapper .menu-wrapper > ul.navbar-nav:first-child .nav-link {
    white-space: nowrap;
    font-size: 1.2rem;
    font-weight: 600;
}

/* Navbar secondaria: mantiene la posizione */
#it-header-navbar-wrapper .menu-wrapper > ul.navbar-secondary {
    flex: none;
}

/* Rimuove eventuali nav-item vuoti */
#it-header-navbar-wrapper .menu-wrapper .nav-item:empty {
    display: none;
}

/* Responsive: menu verticale su schermi piccoli */
@media (max-width: 992px) {
    #it-header-navbar-wrapper .menu-wrapper {
        flex-direction: column;
    }
    #it-header-navbar-wrapper .menu-wrapper > ul.navbar-nav:first-child,
    #it-header-navbar-wrapper .menu-wrapper > ul.navbar-secondary {
        flex-direction: column;
        width: 100%;
    }
    #it-header-navbar-wrapper .menu-wrapper > ul.navbar-nav:first-child .nav-item {
        text-align: left;
        flex: none;
    }
}

/* Nasconde la voce “Tutti gli argomenti…” */
#it-header-navbar-wrapper .menu-wrapper [data-element="all-topics"] {
    display: none;
}