/* Simple Mobile Menu Fix */

/* Desktop - hide hamburger, show menu */
@media screen and (min-width: 769px) {
    /* Hide hamburger menu on desktop */
    .page-nav .menu-icon,
    .page-nav label[for="nav-trigger"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    
    /* Always show the navigation menu on desktop */
    .page-nav .trigger {
        display: block !important;
        position: static !important;
        background: transparent !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Horizontal menu layout for desktop */
    .page-nav .trigger ul,
    .trigger .desktop-menu-list {
        display: flex !important;
        flex-direction: row !important;
        gap: 1rem !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .page-nav__list {
        display: inline-block !important;
        margin: 0 0.5rem;
    }
    
    /* Hide mobile-specific elements */
    .mobile-close {
        display: none !important;
    }
    
    .mobile-only {
        display: none !important;
    }
    
    .desktop-only {
        display: block !important;
    }
}

/* Mobile - show hamburger, hide menu by default */
@media (max-width: 768px) {
    /* Ensure logo doesn't break layout */
    .site-header__logo {
        max-width: 180px !important;
        height: auto !important;
    }
    
    /* Show hamburger menu icon */
    .menu-icon {
        display: block !important;
    }
    
    /* Hide checkbox */
    .nav-trigger {
        display: none !important;
    }
    
    /* Mobile menu overlay - hidden by default */
    .trigger {
        display: none;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(20, 20, 30, 0.98) !important;
        z-index: 9999 !important;
        padding: 60px 20px 20px 20px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Ensure trigger content is properly positioned */
    .trigger ul {
        position: relative !important;
        top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Show menu when checkbox is checked */
    .nav-trigger:checked ~ .trigger {
        display: block !important;
    }
    
    /* Show close button when menu is open */
    .mobile-close {
        display: none;
    }
    
    .nav-trigger:checked ~ .trigger .mobile-close {
        display: block !important;
    }
    
    /* Menu list styling */
    .trigger ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }
    
    .trigger .page-nav__list {
        display: block !important;
        margin: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .trigger .page-nav__list.mobile-only {
        display: block !important;
    }
    
    .trigger .page-nav__link {
        display: block !important;
        padding: 1rem !important;
        color: white !important;
        font-size: 1.125rem !important;
        text-decoration: none !important;
    }
    
    .trigger .page-nav__link:hover {
        background: rgba(255, 255, 255, 0.1) !important;
    }
    
    /* Show mobile-only items on mobile */
    .mobile-only {
        display: block !important;
    }
    
    /* Hide desktop-only items on mobile */
    .desktop-only {
        display: none !important;
    }
}

/* Additional fix to ensure hamburger is hidden on desktop for all pages */
@media screen and (min-width: 769px) {
    /* Force hide hamburger menu elements on desktop */
    label[for="nav-trigger"],
    .menu-icon,
    span.menu-icon {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Ensure nav items are always visible on desktop */
    .page-nav .trigger,
    nav.page-nav .trigger {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
}