/* FIX CONTENT VISIBILITY - Ensures all content is visible and navbar is clickable */
/* This file loads AFTER stop-buffering to fix any issues */

/* Force hero section visible */
.hero,
#home {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 100vh !important;
    position: relative !important;
    z-index: 1 !important;
}

.hero-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Force all sections visible */
section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    min-height: auto !important;
}

/* Force main content visible */
main,
#main-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure navbar is ALWAYS clickable and FIXED at top */
.navbar,
nav,
#navigation,
.navbar.navbar-enhanced {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform !important;
}

.navbar *,
nav * {
    pointer-events: auto !important;
}

.nav-links,
.nav-link,
.menu-btn,
.theme-toggle,
#nav-toggle,
#theme-toggle {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10001 !important;
    position: relative !important;
}

/* Ensure overlay doesn't block navbar when inactive */
.overlay:not(.active) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* When overlay is active, ensure navbar is still above it */
.overlay.active {
    z-index: 1400 !important;
}

.navbar {
    z-index: 10000 !important;
}

/* Force containers visible */
.container,
.content,
.about-container,
.projects-container,
.resources-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure all text is visible */
h1, h2, h3, h4, h5, h6, p, span, div, a, li {
    visibility: visible !important;
    opacity: 1 !important;
}