/* Emergency CSS to hide preloader after 3 seconds */
@keyframes hidePreloader {
    0% { opacity: 1; visibility: visible; }
    99% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; display: none; }
}

#preloader {
    animation: hidePreloader 3s forwards;
}

/* Ensure hamburger button is clickable */
.nav-toggle {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    position: relative !important;
}

/* Ensure navigation menu is accessible */
.nav-menu {
    pointer-events: auto !important;
}

.nav-menu a,
.nav-link {
    pointer-events: auto !important;
    cursor: pointer !important;
    display: block !important;
    position: relative !important;
    z-index: 9999 !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
    touch-action: manipulation !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* Ensure menu items are clickable on mobile */
.nav-menu.active a,
.nav-menu.active .nav-link {
    pointer-events: auto !important;
    z-index: 10000 !important;
}

/* Prevent any overlays from blocking clicks */
.nav-menu li {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Ensure overlay works but doesn't block menu */
.nav-overlay {
    pointer-events: none;
    z-index: 998 !important;
}

.nav-overlay.active {
    pointer-events: auto !important;
    z-index: 998 !important;
}

/* Ensure menu is above overlay */
.nav-menu {
    z-index: 999 !important;
}

.nav-menu.active {
    z-index: 999 !important;
}