/* ============================================
   NAVBAR MÓVIL - FONDO BLANCO PERMANENTE
   ============================================ */

@media (max-width: 991px) {
    /* Header section siempre con fondo blanco en móvil */
    .header-section-3 {
        background-color: var(--white) !important;
        background-color: #ffffff !important;
    }
    
    /* Header sticky siempre con fondo blanco */
    #header-sticky,
    .header-3,
    .header-sticky.sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        background-color: var(--white) !important;
        background-color: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Mega menu wrapper con fondo blanco */
    .header-3 .mega-menu-wrapper {
        background-color: var(--white) !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }
    
    /* Forzar logo negro en móvil */
    #navbar-logo {
        content: url('../img/faviconblack.png') !important;
    }
    
    /* Forzar iconos naranjas en móvil */
    #navbar-cart {
        color: #E06003 !important;
    }
    
    #navbar-login {
        color: #E06003 !important;
    }
    
    #cart-count {
        color: #FC791A !important;
    }
    
    /* Mantener tamaño consistente de iconos en móvil */
    .header-section-3 .header-main .sidebar__toggle {
        font-size: 24px !important;
        color: #000000 !important;
    }
    
    /* Main header items con fondo blanco */
    .main-header-items,
    .main-header-wrapper {
        background-color: var(--white) !important;
        background-color: #ffffff !important;
    }
    
    /* Container fluid con fondo blanco */
    .header-section-3 .container-fluid {
        background-color: var(--white) !important;
        background-color: #ffffff !important;
    }
}