/* CSS Fixes per header Bompiani - rimozione logo Giunti e transizioni smooth */

/* Nasconde logo Giunti sia mobile che desktop */
.logoGiuntiCont.mobile,
.logoGiuntiCont.desktop {
    display: none !important;
}

/* Centratura verticale hamburger menu con logo */
@media screen and (max-width: 991px) {
    /* Default: bottom 50px quando NON è shrink */
    .mobileToggle {
        bottom: 58px !important;
        transition: bottom 0.3s ease-in-out !important;
    }
    
    /* Quando è shrink: bottom 10px */
    .shrink .mobileToggle {
        bottom: 10px !important;
    }
}

/* ===== TRANSIZIONI SMOOTH PER HEADER STICKY SHRINK ===== */

/* Transizione smooth per headerLogo */
.headerLogo {
    transition: height 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
}

/* Transizione smooth per logoCont */
.logoCont {
    transition: height 0.3s ease-in-out !important;
}

/* Transizione smooth per logo container */
.logoCont .logo {
    transition: top 0.3s ease-in-out !important;
}

/* Transizione smooth per loghi (big e small) */
.logoCont .logo .bigLogo,
.logoCont .logo .smallLogo {
    transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out !important;
}

/* Transizioni smooth per menu */
.navCount {
    transition: transform 0.3s ease-in-out, height 0.3s ease-in-out !important;
}

/* Previene scroll del body quando menu aperto su mobile */
body.menu-open {
    overflow: hidden;
}

/* Posizione corretta logo su mobile */
@media screen and (max-width: 991px) {
    .logoCont .logo {
        position: fixed;
        top: 5px !important;
        text-align: center;
        width: 100%;
        left: 0;
        background: #fff;
    }
}