/**
 * Mobile Menu Fixes
 * Add this to ensure mobile menu works properly
 */

/* Ensure mobile menu is properly positioned */
#mobile-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

/* When menu is open (translate-y-full class is removed) */
#mobile-menu:not(.translate-y-full) {
    transform: translateY(0) !important;
}

/* Ensure toggle button is clickable */
#menu-toggle-btn {
    cursor: pointer;
    position: relative;
    z-index: 10000;
}

/* Make sure menu content is scrollable */
#mobile-menu {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Prevent body scroll when menu is open */
body.mobile-menu-open {
    overflow: hidden;
}