/* Mobile Menu Desktop Hide Fix - v3 */
/* This file MUST be loaded LAST to override all other styles */

/* Hide mobile menu toggle on desktop screens */
@media screen and (min-width: 1024px) {
    .mobile-menu-toggle,
    button.mobile-menu-toggle,
    #mobile-menu-toggle,
    .nav-container .mobile-menu-toggle,
    header .mobile-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
    }
}

/* Ensure it's visible on mobile */
@media screen and (max-width: 1023px) {
    .mobile-menu-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: absolute !important;
        left: auto !important;
        right: 1.5rem !important;
    }
}