/* Stili di base del tuo header */
.ast-main-header-wrap {
    z-index: 999;
    transition: all 0.3s ease-in-out;
}

/* Nasconde gli header superiore e inferiore quando la pagina scorre */
body.is-scrolled .ast-above-header-wrap,
body.is-scrolled .ast-below-header-wrap {
    display: none !important;
}

/* Rende l'header principale sticky e visibile solo quando la pagina scorre */
body.is-scrolled .ast-main-header-wrap {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    background-color: #fff !important; /* Colore di sfondo */
}

/* Sposta il contenuto della pagina per evitare salti */
body.is-scrolled .site-content {
    margin-top: 100px !important; /* Usa l'altezza del tuo header principale (100px) */
}