/* Sticky Mobile Menu Styles */
.mobile-menu-area.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Additional styling for scrolled state */
.mobile-menu-area.sticky.scrolled {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

.mean-container .mean-bar {
    min-height: 60px !important;
    padding: 4px 0 0 !important;
}

/* Add padding to body in mobile view to prevent content from being hidden under fixed menu */
@media screen and (max-width: 991px) {
    body {
        padding-top: 60px !important;
    }
    
    /* Improve mobile menu appearance */
    .mean-container .mean-bar::before {
        top: 10px !important;
    }
    
    .mean-container a.meanmenu-reveal {
        top: 5px !important;
        right: 10px !important;
    }
}