/* STOP BUFFERING IMMEDIATELY - Aggressive fix to stop all buffering */
/* This file MUST load FIRST to prevent any buffering */

/* Remove ALL buffering states immediately */
html,
body,
html.loading,
body.loading,
html.buffering,
body.buffering,
html.blocked,
body.blocked,
html.hidden,
body.hidden,
html.initial-load,
body.initial-load,
html.preload,
body.preload,
html[class*="loading"],
body[class*="loading"],
html[class*="buffering"],
body[class*="buffering"] {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    overflow: auto !important;
    height: auto !important;
    min-height: 100vh !important;
}

/* Remove ALL buffering elements - BUT preserve navbar and sidebar */
.loading,
.buffering,
.blocked,
.hidden,
.initial-load,
.preload,
.loading-overlay,
.buffering-overlay,
.blocking-overlay,
.spinner,
.loader,
.buffer,
.loading-spinner,
.btn .loading-spinner,
button .loading-spinner,
[class*="loading"]:not(.sidebar):not(.active):not(#overlay):not(.navbar):not(nav):not(.nav-link):not(.menu-btn),
[class*="buffering"]:not(.sidebar):not(.active):not(#overlay):not(.navbar):not(nav):not(.nav-link):not(.menu-btn),
[class*="spinner"]:not(.sidebar):not(.active):not(#overlay):not(.navbar):not(nav):not(.nav-link):not(.menu-btn) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Ensure navbar is always clickable */
.navbar,
nav,
.nav-links,
.nav-link,
.menu-btn,
.theme-toggle,
#nav-toggle,
#theme-toggle {
    pointer-events: auto !important;
    z-index: 1000 !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Specifically hide loading spinners in buttons */
.loading-spinner,
.btn .loading-spinner,
button .loading-spinner,
.fa-spinner,
.fa-spin {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Force all content visible */
main,
#main-content,
section,
article,
.container,
.content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

/* Ensure no content is ever hidden - BUT be selective */
main,
#main-content,
section,
article,
.container,
.content,
.hero,
.about-section,
.projects-section,
.blog-section,
.resources-section,
.contact-section {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Exception for scripts */
script {
    display: none !important;
}