/* ============================================
   20. NO-JS FALLBACKS & SPECIAL CASES
   ============================================ */

/* No-JS dark mode with checkbox */
:root:has(#themeToggle:checked) nav { background: #1a1a1a; }
:root:has(#themeToggle:checked) .nav-links { background: #1a1a1a !important; color: #e0e0e0 !important; }
:root:has(#themeToggle:checked) .nav-links a { color: #e0e0e0 !important; }
:root:has(#themeToggle:checked) .section-links label { background: #3a3a3a; color: #e0e0e0; }
:root:has(#themeToggle:checked) .lesson-card { background: #1a1a1a; border-color: #444; }
:root:has(#themeToggle:checked) .lesson-content pre, :root:has(#themeToggle:checked) .terminal-block, :root:has(#themeToggle:checked) .config-block, :root:has(#themeToggle:checked) .code-block { background: #2a2a2a; }
:root:has(#themeToggle:checked) .lesson-content pre .command, :root:has(#themeToggle:checked) .terminal-block .command { color: #7ee787; }
:root:has(#themeToggle:checked) .lesson-content pre .output, :root:has(#themeToggle:checked) .terminal-block .output { color: #e0e0e0; }
:root:has(#themeToggle:checked) .lesson-content pre .comment, :root:has(#themeToggle:checked) .terminal-block .comment { color: #8b949e; }
:root:has(#themeToggle:checked) .blog-grid .lesson-card, :root:has(#themeToggle:checked) #games .lesson-card { background: #1a1a1a; border-color: #444; }
:root:has(#themeToggle:checked) h1, :root:has(#themeToggle:checked) h2, :root:has(#themeToggle:checked) h3 { text-shadow: none; }
:root:has(#themeToggle:checked) .quiz-input, :root:has(#themeToggle:checked) .form-group input { background: #2a2a2a; color: #e0e0e0; border-color: transparent; }
:root:has(#themeToggle:checked) .quiz-input::placeholder { color: #8b949e; }
:root:has(#themeToggle:checked) body::after { background: repeating-linear-gradient(0deg,rgba(0,0,0,0.15),rgba(0,0,0,0.15) 1px,transparent 1px,transparent 2px); }

/* No-JS nav alignment */
body:not(.js-nav) nav {
    display: flex !important;
    justify-content: space-between !important;
}

body:not(.js-nav) .nav-left {
    flex: 1 !important;
    justify-content: flex-start !important;
}

body:not(.js-nav) .nav-right {
    justify-content: flex-end !important;
}

/* ============================================
   21. MULTI-PAGE SITE VISIBILITY
   ============================================ */

/* Show all content on all pages (multi-page site, not SPA) */
section, .section-header, .lesson-card, .project-card, .resource-card, .about-content, .contact-hidden, .about-preview {
    display: block !important;
}

/* Guide pages specific styles */
.guide-page #guides {
    display: block !important;
}

/* Hide checkboxes used for show-more functionality */
.show-more-checkbox, .section-header .show-more-checkbox {
    display: none;
}