/* CSS-only navigation fallbacks for no JavaScript */

/* When JavaScript is disabled, show mobile menu by default */
.no-js .navbar-collapse {
    display: block !important;
}

/* Desktop: Make dropdowns work on hover when JS is disabled */
@media (min-width: 992px) {
    .no-js .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .no-js .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
    }
    
    /* Ensure dropdown stays visible when hovering over menu */
    .no-js .dropdown-menu:hover {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    
    /* Make dropdown toggle links clickable */
    .no-js .dropdown-toggle::after {
        display: none;
    }
}

/* Mobile: Show expanded menu structure when JS is disabled */
@media (max-width: 991px) {
    .no-js .navbar-toggler {
        display: none;
    }
    
    .no-js .navbar-collapse {
        position: static;
        background: var(--bs-dark);
        padding: 1rem 0;
    }
    
    .no-js .dropdown-menu {
        position: static;
        display: block;
        background: rgba(0, 0, 0, 0.2);
        border: none;
        padding-left: 1rem;
        margin-top: 0.5rem;
    }
    
    .no-js .dropdown-toggle::after {
        display: none;
    }
}

/* Hide JS-only elements when JavaScript is disabled */
.no-js [data-bs-toggle="collapse"],
.no-js #themeToggle {
    display: none !important;
}

/* Ensure images in dropdowns load immediately when JS is disabled */
.no-js .dropdown-menu img[data-src] {
    content: attr(data-src);
}

/* Sticky navbar for no-JS users */
.no-js .navbar {
    position: sticky !important;
    top: 0;
    z-index: 1030;
    background-color: rgba(33, 37, 41, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Ensure proper spacing for no-JS */
.no-js .navbar + main {
    padding-top: 0; /* Sticky doesn't need padding */
}