h2.articolo {
  font-size: 1.30rem;
}
/* Targetta l'H5 all'interno del modulo con la tua classe, all'interno del Megamenu T4. */
.t4-megamenu .dropdown-menu .t4-module.moduledropdown-black-style .module-ct .custom h5 {
    font-size: 1.3em !important; /* INSERISCI QUI LA TUA DIMENSIONE ESATTA */
    }

/* REGOLA PER LA DIMENSIONE DEL TESTO NELLE LISTE (li) */
/* Targetta i link all'interno dei punti elenco del tuo modulo specifico */
.t4-megamenu .dropdown-menu .t4-module.moduledropdown-black-style .module-ct .custom li a {
    font-size: 1.2em !important; /* Inserisci qui la dimensione (es. 14px, 0.9em, ecc.) */
    line-height: 1.4 !important; /* Migliora la leggibilità tra le righe */
}

/* Se hai del testo nei <li> che NON è un link, usa anche questa: */
.t4-megamenu .dropdown-menu .t4-module.moduledropdown-black-style .module-ct .custom li {
    font-size: 0.95em !important;
}
/* Selettore ad altissima specificità per i link all'interno del modulo */
.t4-megamenu .dropdown-menu .dropdown-black-style a {
    color: #000000 !important; /* Forza il nero sui link in ogni pagina */
}

/* Selettore per il colore hover/focus dei link (opzionale, ma consigliato) */
.t4-megamenu .dropdown-menu .dropdown-black-style a:hover,
.t4-megamenu .dropdown-menu .dropdown-black-style a:focus {
    color: #333333 !important; /* Grigio scuro per feedback */
}

/* Selettore ad altissima specificità per il testo generico (solo se stai usando Custom HTML) */
.t4-megamenu .dropdown-menu .dropdown-black-style,
.t4-megamenu .dropdown-menu .dropdown-black-style p,
.t4-megamenu .dropdown-menu .dropdown-black-style div {
    color: #000000 !important; /* Forza il nero sul testo generico */
}

.ricerca-destra {
    float: right;
    margin-left: auto; 
}

/* Applica solo alla lingua inglese */
html[lang="en-GB"] .mod-finder.js-finder-searchform {
    display: flex !important;
    flex-wrap: wrap !important; /* Permette agli elementi di andare a capo */
}

/* Forza l'etichetta "Search" a stare sopra su una riga intera */
html[lang="en-GB"] .mod-finder.js-finder-searchform label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 5px; /* Spazio tra la scritta Search e il box */
}

/* Gestione del contenitore del box + lente */
html[lang="en-GB"] .mod-finder.js-finder-searchform .awesomplete {
    display: flex !important;
    flex: 0 0 auto !important; /* Non farlo allungare troppo */
    position: relative;
}

/* Il finto bottone blu con la lente */
html[lang="en-GB"] .mod-finder.js-finder-searchform .awesomplete::after {
    content: "\f002"; 
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "icomoon" !important;
    font-weight: 900;
    background-color: #002d5d; /* Blu scuro simile al tuo header */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}

/* Arrotondamento box di ricerca */
html[lang="en-GB"] .mod-finder.js-finder-searchform input.form-control {
    border-radius: 4px 0 0 4px !important;
    height: 35px; /* Regola l'altezza se serve per allinearlo all'italiano */
}

/* Riduce lo spazio tra le voci del menu per far stare tutto su una riga */
html[lang="ru-RU"] .t4-navbar .nav-link {
    padding-left: 10px !important;  /* Diminuire se serve ancora spazio */
    padding-right: 10px !important;
    white-space: nowrap !important; /* Impedisce alle singole parole di spezzarsi */
}

/* Impedisce al contenitore del menu di andare a capo */
html[lang="ru-RU"] .t4-navbar-nav {
    flex-wrap: nowrap !important;
}

/* --- CONFIGURAZIONE TOPBAR MOBILE ACQUA-SPA --- */
@media (max-width: 767px) {
    
    /* 1. Struttura Generale Header */
    #t4-header .container .row {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        align-items: center !important; /* Allineamento verticale Cerca/Lingue */
        justify-content: center !important;
    }

    /* 2. Bottone "Configura la tua SPA" */
    #t4-header .t4-module.module-configuratore,
    #t4-header [class*="module-configuratore"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-bottom: 30px !important; /* Distanza tra bottone e riga sotto */
        display: block !important;
    }

    /* 3. Nasconde Titoli e Etichette (Cerca e Lingue) */
    #t4-header .module-title, 
    #t4-header h3, 
    #t4-header .mod-languages-label,
    #t4-header label,
    .hide-search-label label {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 4. Colonne Cerca (SX) e Lingue (DX) */
    #t4-header .col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        display: flex !important;
    }

    /* Allineamento Modulo Cerca */
    #t4-header .module-cerca, 
    #t4-header .mod-search {
        justify-content: flex-start !important;
        align-items: center !important;
    }

    #t4-header .module-cerca .search {
        margin: 0 !important;
    }

    /* Allineamento Modulo Lingue */
    #t4-header .module-lingue, 
    #t4-header .mod-languages,
    #Mod247 {
        justify-content: flex-end !important;
        align-items: center !important;
        display: flex !important;
        width: 100% !important;
    }

    /* 5. Formattazione Bandierine */
    #t4-header ul.mod-languages__list, 
    #t4-header ul.lang-inline,
    #Mod247 ul {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        gap: 12px !important; /* Spazio tra le bandiere */
    }

    /* Rimuove stili lista residui */
    #t4-header li {
        list-style: none !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* --- FIX DESKTOP (Assicura che il cerca torni normale) --- */
@media (min-width: 768px) {
    .hide-search-label label {
        display: block !important;
    }
}
/* --- ALLINEAMENTO VERTICALE BANDIERINE MOBILE --- */
@media (max-width: 767px) {
    
    /* 1. Forza il contenitore del modulo lingue a centrarsi */
    #t4-header .mod-languages, 
    #t4-header [class*="module-lingue"],
    #Mod247 {
        display: flex !important;
        align-items: center !important; /* Centra verticalmente */
        justify-content: flex-end !important; /* Le tiene a destra */
        height: 100% !important;
        min-height: 44px !important; /* Altezza minima standard dei tasti */
        margin: 0 !important;
    }

    /* 2. Sistema la lista delle bandierine */
    #t4-header ul.mod-languages__list,
    #t4-header ul.lang-inline {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        gap: 10px !important; /* Distanza tra le bandierine */
    }

    /* 3. Rimuove eventuali margini dagli elementi lista */
    #t4-header ul.mod-languages__list li {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}