/* ===== MAJN Light Theme ===== */
/* This file overrides dark theme styles when [data-theme="light"] is set */

/* ===== CSS Variables Override ===== */
[data-theme="light"] {
    /* Primary Colors */
    --primary-color: #1e5a96;
    /* Navy blue */
    --primary-light: #2d7bc4;
    --secondary-color: #fbbf24;
    /* Gold stays as accent */
    --accent-color: #1e5a96;

    /* Text Colors */
    --text-dark: #1e293b;
    --text-light: #64748b;
    --text-muted: #94a3b8;

    /* Background Colors */
    --bg-white: #ffffff;
    --bg-light: #f8fafc;
    --bg-dark: #f1f5f9;

    /* Border & Shadow */
    --border-color: #e2e8f0;
    --border-light: #f1f5f9;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* ===== Body & Global Styles ===== */
[data-theme="light"] body {
    background: linear-gradient(to bottom, #ffffff 0%, #f8fafc 100%);
    color: #1e293b;
}

/* ===== Navigation Bar ===== */
[data-theme="light"] .navbar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .navbar.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .nav-link {
    color: #1e293b;
}

[data-theme="light"] .nav-link:hover {
    color: #1e5a96;
}

[data-theme="light"] .nav-link.active {
    color: #1e5a96;
}

[data-theme="light"] .logo-text {
    color: #1e5a96;
}

/* ===== Theme Toggle Button ===== */
.theme-toggle {
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: scale(1.05);
}

/* Light theme icon states */
[data-theme="light"] .theme-toggle {
    border-color: #1e5a96;
    color: #1e5a96;
}

[data-theme="light"] .theme-toggle:hover {
    background: rgba(30, 90, 150, 0.1);
}

/* ===== Dropdown Menus ===== */
[data-theme="light"] .dropdown-menu {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .dropdown-link {
    color: #1e293b;
}

[data-theme="light"] .dropdown-link:hover {
    background: #f8fafc;
    color: #1e5a96;
}

/* ===== Language Switcher ===== */
[data-theme="light"] .lang-btn {
    border-color: #e2e8f0;
    color: #1e293b;
}

[data-theme="light"] .lang-btn:hover {
    background: #f8fafc;
}

/* ===== Section Backgrounds (Alternating) ===== */
[data-theme="light"] .about {
    background: #ffffff;
}

[data-theme="light"] .articles {
    background: #f8fafc;
}

[data-theme="light"] .subscription-premium {
    background: #ffffff;
}

[data-theme="light"] .donation-section {
    background: #ffffff;
}

/* ===== Section Headers ===== */
[data-theme="light"] .section-title {
    color: #0f172a;
}

[data-theme="light"] .section-subtitle {
    color: #64748b;
}

[data-theme="light"] .title-underline {
    background: linear-gradient(90deg, #1e5a96, #2d7bc4);
}

/* ===== Cards ===== */
[data-theme="light"] .glass-card,
[data-theme="light"] .about-card,
[data-theme="light"] .article-card,
[data-theme="light"] .editor-card,
[data-theme="light"] .subscription-pricing-card,
[data-theme="light"] .content-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .glass-card:hover,
[data-theme="light"] .about-card:hover,
[data-theme="light"] .article-card:hover,
[data-theme="light"] .editor-card:hover,
[data-theme="light"] .subscription-pricing-card:hover,
[data-theme="light"] .content-card:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .card-icon {
    background: #f1f5f9;
    color: #1e5a96;
}

/* ===== Buttons ===== */
[data-theme="light"] .btn,
[data-theme="light"] .btn-glass-primary,
[data-theme="light"] .btn-subscribe {
    background: linear-gradient(135deg, #1e5a96, #2d7bc4);
    color: #ffffff;
    border: none;
}

[data-theme="light"] .btn:hover,
[data-theme="light"] .btn-glass-primary:hover,
[data-theme="light"] .btn-subscribe:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    background: linear-gradient(135deg, #153d66, #1e5a96);
}

[data-theme="light"] .btn-secondary {
    background: transparent;
    color: #1e5a96;
    border: 1px solid #1e5a96;
}

[data-theme="light"] .btn-secondary:hover {
    background: #1e5a96;
    color: #ffffff;
}

/* ===== Forms ===== */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #1e293b;
}

[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus {
    border-color: #1e5a96;
    box-shadow: 0 0 0 3px rgba(30, 90, 150, 0.1);
}

/* ===== Hero Section Stats ===== */
[data-theme="light"] .hero-stat {
    background: transparent;
    border: none;
}

/* ===== Pricing Cards ===== */
[data-theme="light"] .yearly-card {
    border: 2px solid #1e5a96;
}

[data-theme="light"] .pricing-badge {
    background: #1e5a96;
}

/* ===== Donation Section ===== */
[data-theme="light"] .split-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

[data-theme="light"] .split-icon.charity {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}

[data-theme="light"] .split-icon.development {
    background: linear-gradient(135deg, #1e5a96, #2d7bc4);
}

/* ===== Page Content (for individual pages) ===== */
[data-theme="light"] .page-content {
    background: #ffffff;
}

/*
 * Page Header - KEEP DARK GRADIENT & WHITE TEXT
 * The page-header section uses a dark blue gradient background,
 * so all text must remain white/light for contrast.
 * DO NOT override these to dark colors!
 */
[data-theme="light"] .page-header .breadcrumb a {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .page-header .breadcrumb a:hover {
    color: #fbbf24;
}

[data-theme="light"] .page-header .breadcrumb span {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .page-header .breadcrumb .current {
    color: #fbbf24;
}

[data-theme="light"] .page-header .page-title {
    color: #ffffff;
}

[data-theme="light"] .page-header .page-subtitle {
    color: rgba(255, 255, 255, 0.8);
}

/* Page title/subtitle OUTSIDE of page-header (if used elsewhere on light backgrounds) */
[data-theme="light"] .page-content .page-title {
    color: #0f172a;
}

[data-theme="light"] .page-content .page-subtitle {
    color: #64748b;
}

/* ===== Animations & Transitions ===== */
[data-theme="light"] a,
[data-theme="light"] button,
[data-theme="light"] .card,
[data-theme="light"] .glass-card,
[data-theme="light"] .about-card,
[data-theme="light"] .article-card,
[data-theme="light"] .editor-card,
[data-theme="light"] .subscription-pricing-card,
[data-theme="light"] .content-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== Mobile Menu ===== */
[data-theme="light"] .nav-menu.active {
    background: #ffffff;
}

/* ===== Modals ===== */
[data-theme="light"] .modal-overlay {
    background: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .modal-content {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

/* ===== Utility Classes ===== */
[data-theme="light"] .text-muted {
    color: #64748b;
}

[data-theme="light"] .border {
    border-color: #e2e8f0;
}

/* ===== Scrollbar ===== */
[data-theme="light"] ::-webkit-scrollbar {
    width: 8px;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f1f5f9;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background-color: #1e5a96;
    border-radius: 4px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background-color: #153d66;
}

/* ===== Card Text Colors ===== */
[data-theme="light"] .about-card h3,
[data-theme="light"] .glass-card h3,
[data-theme="light"] .article-card h3,
[data-theme="light"] .editor-card h3,
[data-theme="light"] .content-card h3 {
    color: #0f172a;
}

[data-theme="light"] .about-card p,
[data-theme="light"] .glass-card p,
[data-theme="light"] .article-card p,
[data-theme="light"] .editor-card p,
[data-theme="light"] .content-card p {
    color: #475569;
}

[data-theme="light"] .about-card .card-icon,
[data-theme="light"] .glass-card .card-icon {
    background: linear-gradient(135deg, #1e5a96 0%, #2d7bc4 100%);
    color: #ffffff;
}

/* ===== Additional Text Overrides ===== */
/*
 * Apply dark text colors ONLY to light-background areas.
 * EXCLUDE all dark-background sections that keep their gradient:
 * - .hero (homepage hero)
 * - .page-header (inner page headers)
 * - .cta-section (call-to-action boxes)
 * - .footer (always dark)
 * - .membership-cta (membership section - if kept dark)
 */
[data-theme="light"] h1:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *),
[data-theme="light"] h2:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *),
[data-theme="light"] h3:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *),
[data-theme="light"] h4:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *),
[data-theme="light"] h5:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *),
[data-theme="light"] h6:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *) {
    color: #0f172a;
}

[data-theme="light"] p:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *),
[data-theme="light"] li:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *),
[data-theme="light"] span:not(.hero *):not(.page-header *):not(.cta-section *):not(.footer *) {
    color: #334155;
}

[data-theme="light"] .text-muted,
[data-theme="light"] .text-light {
    color: #64748b;
}

/* ===== Page Content Sections ===== */
[data-theme="light"] .content-section {
    background: #ffffff;
}

[data-theme="light"] .content-section:nth-child(even) {
    background: #f8fafc;
}

[data-theme="light"] .guideline-section h3 {
    color: #0f172a;
}

[data-theme="light"] .guideline-section p,
[data-theme="light"] .guideline-section li {
    color: #475569;
}

/* ===== Stat Cards ===== */
[data-theme="light"] .stat-value:not(.hero *):not(.page-header *),
[data-theme="light"] .stat-number:not(.hero *):not(.page-header *) {
    color: #1e5a96;
}

[data-theme="light"] .stat-label:not(.hero *):not(.page-header *) {
    color: #64748b;
}

/* ===== CTA Section (Always Dark - Keep Gradient) ===== */
/*
 * The .cta-section uses a dark blue gradient background,
 * so all text must remain white/light for proper contrast.
 */
[data-theme="light"] .cta-section {
    /* Keep the original dark gradient - don't override background */
    background: linear-gradient(135deg, var(--hero-deep, #0a1628) 0%, var(--hero-primary, #1e5a96) 100%);
}

[data-theme="light"] .cta-section h3 {
    color: #ffffff;
}

[data-theme="light"] .cta-section p {
    color: rgba(255, 255, 255, 0.85);
}

[data-theme="light"] .cta-section .btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

[data-theme="light"] .cta-section .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #fbbf24;
    color: #fbbf24;
}

/* ===== Footer (Always Dark Theme) ===== */
/*
 * Keep footer dark regardless of theme switch.
 * All text elements must be explicitly set to light colors.
 */
[data-theme="light"] .footer {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #ffffff;
}

[data-theme="light"] .footer h3,
[data-theme="light"] .footer h4 {
    color: #ffffff;
}

[data-theme="light"] .footer p {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .footer-brand p {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .footer a {
    color: #cbd5e1;
}

[data-theme="light"] .footer a:hover {
    color: #fbbf24;
}

[data-theme="light"] .footer li {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .footer-contact p {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .footer-newsletter p,
[data-theme="light"] .footer-newsletter label {
    color: rgba(255, 255, 255, 0.7);
}

/* Footer newsletter input */
[data-theme="light"] .footer input[type="email"],
[data-theme="light"] .footer .newsletter-input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

[data-theme="light"] .footer input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    color: #94a3b8;
}

[data-theme="light"] .footer-bottom p {
    color: #94a3b8;
}

[data-theme="light"] .social-links a {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

[data-theme="light"] .social-links a:hover {
    background: #fbbf24;
    color: #000;
}

/* ===== Editorial Layout Light Theme Overrides ===== */
[data-theme='light'] .editorial-section {
    background: #ffffff;
}

[data-theme='light'] .editorial-header h2 {
    color: #1e5a96;
}

[data-theme='light'] .editorial-sidebar-title {
    color: #1e5a96;
}

[data-theme='light'] .editorial-sidebar-title span {
    color: #d4a574;
    /* Keep gold or use darker gold if needed */
}

[data-theme='light'] .editorial-divider {
    background: rgba(30, 90, 150, 0.2);
}

[data-theme='light'] .editorial-row {
    border-bottom: 1px solid #e2e8f0;
}

[data-theme='light'] .editorial-content {
    color: #334155;
}

[data-theme='light'] .editorial-highlight {
    background: rgba(251, 191, 36, 0.1);
    color: #b45309;
    /* Darker gold/orange for readability */
}


/* ===== Royal Glass Light Theme Overrides ===== */
[data-theme='light'] .royal-card {
    background: #ffffff;
    border: 1px solid #94a3b8;
    /* Even darker border for clarity */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    /* Stronger shadow */
}

[data-theme='light'] .royal-card:hover {
    background: #ffffff;
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    border-color: #1e5a96;
}

[data-theme='light'] .royal-icon-circle {
    background: #f1f5f9;
    color: #1e5a96;
}

[data-theme='light'] .royal-card h2 {
    color: #1e5a96;
}

[data-theme='light'] .royal-card p {
    color: #475569;
}

[data-theme='light'] .royal-blob {
    background: rgba(30, 90, 150, 0.05);
}

/* --- Golden Gate Cards Overrides --- */
[data-theme='light'] .golden-gate-card {
    background: #ffffff;
    border-color: #cbd5e1;
    /* Slate 300 */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .golden-gate-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .golden-gate-title {
    color: var(--text-main);
}

[data-theme='light'] .golden-gate-desc {
    color: var(--text-muted);
}


/* --- ZigZag Timeline Overrides --- */
[data-theme='light'] .process-timeline .step-content {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .process-timeline li:hover .step-content {
    background: #ffffff;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .process-timeline .step-number {
    background: #ffffff;
    border-color: var(--gold-primary);
    color: var(--gold-primary);
}

[data-theme='light'] .process-timeline li:hover .step-number {
    background: var(--gold-primary);
    color: #ffffff;
}

[data-theme='light'] .process-timeline .step-content strong {
    color: var(--text-main);
}

[data-theme='light'] .process-timeline .step-content p {
    color: var(--text-muted);
}


/* --- Horizontal Process Steps Overrides --- */
[data-theme='light'] .horizontal-steps .step-content {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .horizontal-steps li:hover .step-content {
    background: #ffffff;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: var(--gold-primary);
}

[data-theme='light'] .horizontal-steps .step-content strong {
    color: var(--text-main);
}

[data-theme='light'] .horizontal-steps .step-content p {
    color: var(--text-muted);
}


/* --- APC Split Focus Light Mode --- */
[data-theme='light'] .apc-card {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .apc-card.pay-per-article {
    border-left-color: var(--text-muted);
}

[data-theme='light'] .apc-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .apc-card .card-label {
    color: var(--text-muted);
}

[data-theme='light'] .apc-price {
    color: var(--text-main);
}

[data-theme='light'] .apc-card.membership-card {
    background: linear-gradient(135deg, #fffcf5, #ffffff);
    border-left-color: var(--gold-primary);
}

[data-theme='light'] .apc-card.membership-card .apc-price,
[data-theme='light'] .apc-card.membership-card .card-label {
    color: var(--gold-primary);
    /* Keep gold for membership */
    text-shadow: none;
}

[data-theme='light'] .apc-info-card {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

[data-theme='light'] .apc-info-card:hover {
    background: #f8fafc;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .apc-info-content h4 {
    color: var(--text-main);
}

[data-theme='light'] .apc-info-content p {
    color: var(--text-muted);
}

[data-theme='light'] .apc-waiver-card {
    background: #fffcf5;
    border-color: rgba(212, 165, 116, 0.5);
}


/* --- Help Split Action Light Mode --- */
[data-theme='light'] .help-split-grid {
    background: #ffffff !important;
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .help-title-group h3 {
    color: #0f172a;
    /* Slate 900 */
}

[data-theme='light'] .help-title-group h3 i {
    color: #d97706;
    /* Darker Gold for visibility on white */
}

[data-theme='light'] .help-title-group p {
    color: #64748b;
    /* Slate 500 */
}

[data-theme='light'] .help-action-side {
    /* Keep vibrant gradient in light mode too */
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
}

[data-theme='light'] .help-action-side:hover {
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .help-action-content {
    color: #0f172a;
    /* Dark text on gold button */
}

/* --- Centered Beauty Cards Light Mode --- */
[data-theme='light'] .center-beauty-card {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

[data-theme='light'] .center-beauty-card::before {
    background: var(--gold-primary);
    box-shadow: none;
}

[data-theme='light'] .center-beauty-card .content-icon {
    background: #fffcf5;
    /* Very light gold tint */
    border-color: rgba(212, 165, 116, 0.3);
    box-shadow: 0 0 15px rgba(212, 165, 116, 0.1);
}

[data-theme='light'] .center-beauty-card h2 {
    color: #0f172a;
}

[data-theme='light'] .center-beauty-card p {
    color: #475569;
}


/* --- Author Guidelines Sidebar Light Mode --- */
[data-theme='light'] .toc-sidebar-card {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .toc-sidebar-title {
    color: #0f172a;
    border-bottom-color: #e2e8f0;
}

/* --- Refined Sidebar Light Mode --- */
[data-theme='light'] .toc-link:hover {
    background: #f1f5f9;
    /* Slate 100 */
    color: #334155;
    border-left-color: #94a3b8;
}

[data-theme='light'] .toc-link.active {
    background: linear-gradient(135deg, #d97706, #b45309) !important;
    /* Solid Dark Gold Gradient */
    color: #fff !important;
    border-left: none;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);
}

[data-theme='light'] .toc-link.active i {
    color: #fff !important;
}

[data-theme='light'] .toc-link i {
    margin-right: 12px;
    /* Sync padding */
}

/* --- Light Mode Overrides for New Feature Cards --- */
[data-theme='light'] .vertical-feature-card,
[data-theme='light'] .feature-row-item {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

[data-theme='light'] .vertical-feature-card:hover,
[data-theme='light'] .feature-row-item:hover {
    background: #f8fafc;
    border-color: #d97706;
    /* Dark Gold Border */
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .vertical-feature-card p,
[data-theme='light'] .feature-row-item p {
    color: #475569;
    /* Slate 600 */
}

[data-theme='light'] .vertical-feature-card h4,
[data-theme='light'] .feature-row-item h4 {
    color: #1e293b;
    /* Slate 800 */
}

/* Ensure tokens are visible in light mode */
[data-theme='light'] .number-icon-top {
    color: #ffffff;
    /* Keep white text for gold token */
    font-weight: 700;
}

/* Sidebar Visibility Fixes */
[data-theme='light'] .toc-link {
    color: #64748b;
    /* Slate 500 */
}

[data-theme='light'] .toc-link:hover {
    background: #f1f5f9;
    color: #0f172a;
    /* Darker on hover */
}


/* --- Fix Invisible Icons in Light Mode --- */
[data-theme='light'] .feature-icon {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #d97706;
    /* Solid Dark Gold */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

[data-theme='light'] .check-icon-top {
    color: #2563eb;
    /* Darker Blue for Light Mode */
    font-weight: 900;
}

[data-theme='light'] .center-beauty-card h3 i {
    color: #d97706;
    /* Solid Dark Gold for H3 icons */
    text-shadow: none;
    /* Remove glow which might blur on white */
}


/* --- AGGRESSIVE Icon Fixes for Light Mode --- */
[data-theme='light'] .feature-icon,
[data-theme='light'] .check-icon-top,
[data-theme='light'] .number-icon-top,
[data-theme='light'] .center-beauty-card h3 i {
    background: transparent !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: inherit !important;
    color: #d97706 !important;
    /* Dark Gold Force */
    text-shadow: none !important;
    filter: none !important;
}

[data-theme='light'] .check-icon-top {
    color: #2563eb !important;
    /* Blue Force */
}

[data-theme='light'] .number-icon-top {
    color: #ffffff !important;
    /* White Text */
    background: #d97706 !important;
    /* Gold Circle Background */
}


/* --- Fix for Main Section Icons (Top of Cards) in Light Mode --- */
[data-theme='light'] .center-beauty-card .content-icon {
    background: rgba(217, 119, 6, 0.1) !important;
    /* Light Gold Background */
    border-color: #d97706 !important;
    /* Visible Gold Border */
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.2) !important;
}

[data-theme='light'] .center-beauty-card .content-icon i {
    color: #d97706 !important;
    /* Solid Dark Gold Icon */
    opacity: 1 !important;
    text-shadow: none !important;
}


/* ---/* Light Mode - Royal Docket Overrides */
[data-theme='light'] .docket-card {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

[data-theme='light'] .docket-card:hover {
    background: #fffbeb;
    /* Very subtle gold tint on hover */
    border-color: #d97706;
    /* Darker gold border on hover */
    transform: translateX(10px);
}

[data-theme='light'] .docket-title {
    color: #0f172a;
}

[data-theme='light'] .docket-desc {
    color: #475569;
}

[data-theme='light'] .docket-details {
    border-top-color: #e2e8f0;
}

[data-theme='light'] .docket-specs .spec-item {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
}

[data-theme='light'] .spec-value {
    color: #0f172a;
}


/* --- Light Mode: Glass Prism Overrides --- */
[data-theme='light'] .prism-card {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-theme='light'] .prism-card:hover {
    background: #ffffff;
    border-color: #d97706;
    /* Darker Gold Border */
    box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.15);
}

[data-theme='light'] .prism-icon-box {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #d97706;
    /* Solid Dark Gold Icon */
    box-shadow: none;
}

[data-theme='light'] .prism-card:hover .prism-icon-box {
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(217, 119, 6, 0.25);
}

[data-theme='light'] .prism-title {
    color: #0f172a;
    /* Slate 900 */
}

[data-theme='light'] .prism-desc {
    color: #475569;
    /* Slate 600 */
}

[data-theme='light'] .prism-card .article-structure {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
}

/* ========================================
   COLLAPSIBLE TOC GROUPS - Light Theme
   ======================================== */

.toc-group-toggle {
    color: rgba(30, 41, 59, 0.7);
    justify-content: flex-start;
    /* Enforce left align in light mode too if needed */
}

.toc-group-toggle:hover {
    background: rgba(30, 58, 138, 0.08);
    color: var(--primary-color);
}

.toc-sublink:hover,
.toc-sublink.active {
    border-inline-start-color: var(--primary-color);
    background: rgba(30, 58, 138, 0.05);
}