/* ============================================================
   SAMATVA ACADEMY – dark.css
   ONLY body.dark-mode overrides. Nothing else in this file.
   ============================================================ */

body.dark-mode {
    --color-primary: #4A90D9;
    --color-accent: #F5A04A;
    --color-secondary: #6AAEE8;
    --color-success: #2ECC71;
    --color-danger: #FF6B6B;
    --color-bg: #1C1C2E;
    --color-surface: #0F172A;
    --lms-card-bg: #0F172A;
    --lms-content-bg: #0F172A;
    --color-text: #E8E8F0;
    --color-green-border: #A7F3D0;
    --color-green: #1C1C2E;
    --color-btn-text: #FFFFFF;
    --color-btn-secondary: #6AAEE8;
    --lms-primary: #4A90D9;
    --lms-border: #6AAEE8;
    --color-sub-text: #F5A04A;
    --color-muted: #717c8e;
    --lms-muted: #717c8e;
    --lms-bg: #1C1C2E;
    --color-border: #3A3A52;
    --btn-success-bg: #16a34a;
    --btn-success-text: #ffffff;
    --btn-danger-bg: #dc2626;
    --btn-danger-text: #ffffff;
    --btn-info-bg: #2563eb;
    --btn-info-text: #ffffff;
    /*-Grid style-*/
    --grid-header-bg: #1A3E6B;
    --grid-header-text: #ffffff;
    --grid-row-bg: #111827;
    --grid-row-text: #f3f4f6;
    --grid-alt-row-bg: #161f2b;
    --grid-hover-bg: #243447;
    --grid-alt-row-text: #f3f4f6;
    --grid-selected-bg: #374151;
    --grid-selected-text: #ffffff;
    --grid-border: #374151;
    --grid-empty-bg: #1e3a8a;
    --grid-empty-text: #ffffff;
    --grid-pager-bg: #1f2937;
    --grid-pager-text: #f3f4f6;
}

    /* Dark mode structural overrides where background != var(--color-primary) */
    body.dark-mode .header-utility {
        background-color: #111120;
    }

    body.dark-mode .header-brand {
        border-bottom-color: var(--color-border);
    }

    body.dark-mode .header-nav {
        background-color: #111120;
    }

    body.dark-mode .nav-drawer {
        background-color: var(--color-surface);
    }

    body.dark-mode .nav-drawer-header {
        background-color: #111120;
    }

    body.dark-mode .mega-menu {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

    body.dark-mode .mega-menu-categories {
        background-color: var(--color-bg);
    }

    body.dark-mode .mega-category-item:hover,
    body.dark-mode .mega-category-item.active {
        background-color: var(--color-surface);
    }

    body.dark-mode .mega-programme-item:hover {
        background-color: var(--color-bg);
    }

    body.dark-mode .nav-dropdown {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

        body.dark-mode .nav-dropdown a:hover {
            background-color: var(--color-bg);
        }

    body.dark-mode .autocomplete-list {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

        body.dark-mode .autocomplete-list li {
            border-bottom-color: var(--color-border);
        }

            body.dark-mode .autocomplete-list li:hover,
            body.dark-mode .autocomplete-highlighted {
                background-color: var(--color-bg);
            }

    body.dark-mode .hero-section {
        background: linear-gradient(135deg, #0D1F38 0%, #1A3E6B 100%);
    }

    body.dark-mode .hero-section-home {
        background: url(../images/general/infrastucture-01.jpg) !important;
        background-position: center !important;
        background-size: cover !important;
        overflow: hidden !important;
    }

    body.dark-mode .about-image-placeholder {
        background: linear-gradient(135deg, #0D1F38 0%, #1A3E6B 100%);
    }

    body.dark-mode .feature-card {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

    body.dark-mode .feature-icon {
        background-color: #fff;
    }

    body.dark-mode .stat-card {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

    body.dark-mode .ziiei-section {
        background-color: #0D1F38;
    }

    body.dark-mode .ziiei-stat-card {
        border-color: rgba(255,255,255,0.12);
        background: rgba(255,255,255,0.05);
    }

    body.dark-mode .approach-card {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

    body.dark-mode .approach-card-header:hover,
    body.dark-mode .approach-card-header.active {
        background-color: var(--color-bg);
    }

    body.dark-mode .approach-pillar-icon {
        background-color: rgba(74,144,217,0.12);
    }

    body.dark-mode .programme-card-wrap {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

    body.dark-mode .programme-card-footer {
        background-color: var(--color-bg);
        border-top-color: var(--color-border);
    }

    body.dark-mode .programmes-placeholder-note {
        background-color: var(--color-surface);
        border-color: var(--color-border);
    }

    body.dark-mode .cta-banner-section {
        background-color: #B55E14;
    }

    body.dark-mode .site-footer {
        background-color: #0D1F38;
    }

    body.dark-mode .footer-bottom {
        border-top-color: rgba(255,255,255,0.10);
    }

    body.dark-mode .drawer-nav-list a:hover,
    body.dark-mode .drawer-nav-toggle:hover {
        background-color: var(--color-bg);
    }

    body.dark-mode .drawer-sub-list {
        background-color: var(--color-bg);
    }


/*--DARK MODE SUB BANNER--*/

.dark-mode .sub-banner-overlay {
    --sub-banner-overlay: rgba(10, 22, 45, 0.80);
}

.dark-mode .overview-img-placeholder {
    background-color: var(--color-bg);
    border-color: var(--color-border);
}

.dark-mode .collab-card {
    background: var(--color-surface);
    border-color: var(--color-border);
}

.dark-mode .partner-card {
    background: var(--color-surface);
    border-color: var(--color-border);
}

.dark-mode .partner-logo-placeholder {
    background-color: var(--color-bg);
    border-color: var(--color-border);
}

.dark-mode .breadcrumb-bar {
    background-color: var(--color-surface);
    border-color: var(--color-border);
}