/* Mobile Menu Fix - Override problematic CSS that makes menu open by default */

/* Force menu to be closed by default on mobile */
@media screen and (max-width: 767px) {
    .side-div {
        transform: translateX(-100vw) !important;
        width: 100vw;
    }
    
    /* Only show menu when explicitly opened */
    .side-div.open {
        transform: translateX(0) !important;
    }
    
    /* Ensure blur background is hidden by default */
    .blur-background {
        opacity: 0 !important;
        visibility: hidden !important;
        display: none !important;
    }
    
    /* Only show blur background when menu is open */
    .blur-background.active {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
}

/* Additional mobile-specific fixes */
@media screen and (max-width: 479px) {
    .side-div {
        transform: translateX(-100vw) !important;
    }
    
    .side-div.open {
        transform: translateX(0) !important;
    }
}