/* Hide hamburger toggle when mobile menu is open */
@media (max-width: 768px) {
    /* Multiple selectors to ensure it works */
    .mobile-menu.active + .mobile-menu-toggle,
    .mobile-menu.active ~ .mobile-menu-toggle,
    body.menu-open .mobile-menu-toggle,
    .header .mobile-menu-toggle.active {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* When menu is open, only show the close button in the menu */
    .mobile-menu.active .mobile-menu-close {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ensure the header stays clean when menu is open */
    body.menu-open .nav-container {
        justify-content: flex-start;
    }
}