/*
   -------------------------------------------------------------------------
   CSS per Header Sticky (Flexbox Container) - v3
   -------------------------------------------------------------------------
*/

/* 1. Prepara le transizioni */
.stickyheader {
    /* Transizione per l'effetto "cascata" (trasformazione verticale) */
    transition: transform 0.4s ease !important;
}

.stickyheader > .e-con {
    /* Transizione per il "restringimento" (cambio di altezza) */
    transition: min-height 0.4s ease !important;
}

/* 2. Applica gli stili quando l'header diventa sticky */
.stickyheader.elementor-sticky--effects {
    /* L'EFFETTO "CASCATA" */
    transform: translateY(20px) !important;
}

.stickyheader.elementor-sticky--effects > .e-con {
    /* L'EFFETTO "RESTRINGIMENTO" */
    min-height: 70px !important;
}


/*
   -------------------------------------------------------------------------
   *** FIX PER MOBILE/TABLET (Approccio Semplificato) ***
   Questo codice forza il contenitore figlio a centrarsi
   all'interno del genitore sticky che occupa tutta la larghezza.
   -------------------------------------------------------------------------
*/
@media (max-width: 1024px) { /* Applica su tablet e mobile */
    
    .stickyheader.elementor-sticky--effects > .e-con {
        /*
           Forza il contenitore figlio ad avere margini automatici a destra e sinistra.
           Questo lo centra orizzontalmente all'interno del suo genitore
           (il .stickyheader che è largo 100%).
           Questo è il metodo standard per centrare un blocco.
        */
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
}