/* ENSURE ALL CONTENT IS VISIBLE - CRITICAL FIX */

/* Force hero section to be visible */
.hero,
#home {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 100vh !important;
    background-color: #1a1a2e !important;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

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

.hero h1,
.hero p,
.hero-buttons {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: white !important;
}

/* Ensure all sections are visible */
section,
.about-section,
.projects-section,
.blog-section,
.resources-section,
.contact-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure main content is visible */
main,
#main-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

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

/* Remove any loading states that hide content */
body.loading,
html.loading,
body.hidden,
html.hidden {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure text is readable */
h1, h2, h3, h4, h5, h6, p, span, div {
    color: inherit !important;
}

/* Dark mode text fix */
body.dark-mode .hero h1,
body.dark-mode .hero p {
    color: white !important;
}