/* Forced High Contrast Theme Fix */

/* 1. Force the Light Background */
#about-overlay.light-mode {
    background-color: #f5f5f7 !important;
}

/* 2. Nuclear Option: Force ALL text black inside light mode overlay */
#about-overlay.light-mode * {
    color: #000000 !important;
    text-shadow: none !important;
}

/* 3. RESET GRADIENT TEXT (Critical Fix) */
/* Targeted specifically at the About For Queers headline */
#about-overlay.light-mode .about-hero h2 {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
    opacity: 1 !important;
    filter: none !important;
    font-weight: 800 !important;
    /* Ensure it's bold enough */
}

/* 4. Soften slight elements but keep dark */
#about-overlay.light-mode .section-body p,
#about-overlay.light-mode .about-hero p {
    color: #222222 !important;
    font-weight: 500 !important;
    /* Bolder */
}

#about-overlay.light-mode .clean-list li {
    color: #333333 !important;
}

#about-overlay.light-mode .clean-list li::before {
    color: #555 !important;
}

/* 5. Fix Button Visibility */
#about-overlay.light-mode .about-theme-btn {
    border-color: #000 !important;
    color: #000 !important;
}

#about-overlay.light-mode .close-btn {
    color: #000 !important;
    background: rgba(255, 255, 255, 0.8) !important;
}

/* 6. Fix Highlight Line Color */
#about-overlay.light-mode .highlight {
    border-color: #000000 !important;
    color: #000000 !important;
}

/* 7. Blog section: show only 3 cards on mobile */
@media (max-width: 768px) {
    .blog-grid .blog-text-card:nth-child(4) {
        display: none;
    }
}