/* Elimina la riga bianca in testa alla pagina */
main{
  margin-top: 0 !important;
}

/* Forza il componente SP Page Builder ad occupare il 100% reale dello schermo in Cassiopeia */
.site-container .site-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.site-grid > .com-sppagebuilder,
.site-grid > .container-component {
    grid-column: full-start / full-end !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Rimuove eventuali spaziature residue interne della riga di SP Page Builder */
.com-sppagebuilder .sppb-row-container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* --- 1. Struttura fissa orizzontale (Logo e Menu in linea) --- */
@media (min-width: 992px) {
    .header.container-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 20px;
    }
    .header .grid-child {
        margin: 0 !important;
        width: auto !important;
    }
}

.navbar-brand img {
    max-height: 70px !important;
    width: auto !important;
}

/* --- 2. Stato standard della testata (In cima) --- */
.header {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 100%;
    position: absolute; /* Evita il salto del contenuto sottostante di SP Page Builder */
    top: 0;
    left: 0;
    z-index: 1020;
    /* Transizione super lenta e vellutata dello sfondo, esattamente come Banfi */
    transition: background-color 0.8s ease, backdrop-filter 0.8s ease, box-shadow 0.8s ease;
}

/* Lascia lo spazio necessario in cima alla pagina per non coprire l'inizio di SP Page Builder */
.site-container {
    padding-top: 80px; 
}

/* --- 3. Stato Fisso in Scorrimento (Stile Banfi) --- */
.header.banfi-fixed {
    position: fixed !important;
    
    /* Trasparenza delicata e sfocatura dello sfondo */
    background-color: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Ombra finissima per staccare dal contenuto */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    
    /* Padding e dimensioni rimangono identici, zero variazioni di scatto */
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Menu */
.metismenu.mod-menu .metismenu-item>a{
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}

/* Selettore lingue */
.mod-languages button{
    background-color: rgba(0,0,0,0);
    border: none;
}