/**
 * Dark mode — missing text/contrast fixes (loads after style.css)
 */

body.dark {
  color: #e2e8f0;
}

/* Global text on dark page background */
body.dark main h1,
body.dark main h2,
body.dark main h3,
body.dark main h4,
body.dark main h5,
body.dark .section h2,
body.dark .section h3 {
  color: #f1f5f9 !important;
}

body.dark main p,
body.dark .section p {
  color: #94a3b8;
}

body.dark main strong,
body.dark .section strong {
  color: #e2e8f0;
}

body.dark .menu-btn {
  color: #94a3b8 !important;
}

/* Login / contact */
body.dark .login-info h2,
body.dark .login-form-box h3,
body.dark .contact-info h2,
body.dark .contact-info > p,
body.dark .login-feature h4,
body.dark .note-info h4 {
  color: #f1f5f9 !important;
}

body.dark .login-info > p,
body.dark .login-footer-note,
body.dark .login-footer-note a,
body.dark .login-feature p {
  color: #94a3b8 !important;
}

body.dark .login-help {
  background: rgba(37, 99, 235, 0.12) !important;
  border-color: #334155 !important;
  color: #93c5fd !important;
}

body.dark .login-help strong {
  color: #e2e8f0 !important;
}

body.dark .login-form-box,
body.dark .login-info {
  color: #e2e8f0;
}

/* Forms & alerts */
body.dark .form-alert.success {
  background: rgba(22, 163, 74, 0.15) !important;
  color: #86efac !important;
  border: 1px solid rgba(74, 222, 128, 0.3) !important;
}

body.dark .form-alert.error {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(248, 113, 113, 0.3) !important;
}

body.dark .input-icon-wrap i {
  color: #64748b !important;
}

/* Shop sidebar */
body.dark .scat {
  color: #94a3b8 !important;
}

body.dark .scat:hover {
  background: #2d3f5e !important;
  color: #e2e8f0 !important;
}

body.dark .scat.active {
  background: rgba(37, 99, 235, 0.25) !important;
  color: #93c5fd !important;
}

body.dark .scat span {
  background: #0f172a !important;
  color: #94a3b8 !important;
}

body.dark .scat.active span {
  background: #2563eb !important;
  color: #fff !important;
}

body.dark .ssb-card h4,
body.dark .jsb-card h4 {
  color: #f1f5f9 !important;
}

body.dark .products-found,
body.dark .shop-toolbar {
  color: #94a3b8 !important;
}

body.dark .products-found strong {
  color: #f1f5f9 !important;
}

body.dark .p-price {
  color: #93c5fd !important;
}

body.dark .p-old-price {
  color: #64748b !important;
}

body.dark .cart-btn {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

/* Shop hero + compare modal */
body.dark .shop3-hero .shop3-hero-copy {
  background:
    linear-gradient(90deg, rgba(2, 6, 23, 0.94) 0%, rgba(15, 23, 42, 0.84) 68%, rgba(15, 23, 42, 0.58) 100%) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  box-shadow: 24px 0 76px rgba(2, 6, 23, 0.46), inset 1px 0 0 rgba(255, 255, 255, 0.10) !important;
}

body.dark .shop3-hero .shop2-kicker {
  color: #dbeafe !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
  background: rgba(37, 99, 235, 0.22) !important;
}

body.dark .shop3-hero .shop3-hero-copy h1 {
  color: #ffffff !important;
  text-shadow: 0 14px 42px rgba(0, 0, 0, 0.72) !important;
}

body.dark .shop3-hero .shop3-hero-copy p {
  color: #e0f2fe !important;
  text-shadow: 0 10px 34px rgba(0, 0, 0, 0.62) !important;
}

body.dark .shop3-compare-modal-card {
  border-color: #334155 !important;
  background: #0f172a !important;
}

body.dark .shop3-compare-modal-body h3 {
  color: #f8fafc !important;
}

body.dark .shop3-compare-table th,
body.dark .shop3-compare-table td {
  border-color: #334155 !important;
}

body.dark .shop3-compare-feature-cell,
body.dark .shop3-compare-product-head {
  color: #e2e8f0 !important;
  background: #111827 !important;
}

body.dark .shop3-compare-value-cell {
  color: #cbd5e1 !important;
  background: #0b1220 !important;
}

body.dark .shop3-compare-value-cell strong {
  color: #f8fafc !important;
}

body.dark .shop3-compare-pill {
  color: #bfdbfe !important;
  background: rgba(37, 99, 235, 0.22) !important;
}

body.dark .shop3-compare-price,
body.dark .shop3-compare-link {
  color: #60a5fa !important;
}

body.dark .shop3-compare-old-price {
  color: #64748b !important;
}

body.dark .shop3-compare-discount {
  color: #fecaca !important;
  background: rgba(239, 68, 68, 0.22) !important;
}

/* Cart / checkout */
body.dark .cs-row span {
  color: #94a3b8 !important;
}

body.dark .cs-row strong,
body.dark .cs-total strong {
  color: #f1f5f9 !important;
}

body.dark .cs-divider {
  border-color: #334155 !important;
}

body.dark .cart-empty,
body.dark .cart-empty h3 {
  color: #94a3b8 !important;
}

body.dark .cart-empty > i {
  color: #475569 !important;
}

body.dark .ci-info h4 {
  color: #f1f5f9 !important;
}

body.dark .ci-price,
body.dark .ci-subtotal {
  color: #93c5fd !important;
}

body.dark .ci-image {
  background: #0f172a !important;
  color: #60a5fa !important;
}

body.dark .payment-option .po-content {
  background: #0f172a !important;
  border-color: #334155 !important;
}

body.dark .payment-option input:checked + .po-content {
  border-color: #60a5fa !important;
  background: rgba(37, 99, 235, 0.15) !important;
}

body.dark .po-content strong {
  color: #f1f5f9 !important;
}

body.dark .po-content span {
  color: #94a3b8 !important;
}

body.dark .order-success h2 {
  color: #f1f5f9 !important;
}

body.dark .order-success p {
  color: #94a3b8 !important;
}

body.dark .text-muted {
  color: #94a3b8 !important;
}

/* Testimonials */
body.dark .testi-info strong {
  color: #f1f5f9 !important;
}

body.dark .tc-info span {
  background: rgba(37, 99, 235, 0.2) !important;
  color: #93c5fd !important;
}

/* Toast */
body.dark .toast {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}

/* Typing / games */
body.dark .gs-header p,
body.dark .gs-card p,
body.dark .game-instructions p,
body.dark .game-live-stats span {
  color: #94a3b8 !important;
}

body.dark .tp-display,
body.dark .tp-stats-bar {
  color: #e2e8f0 !important;
}

body.dark .stat-box .stat-label {
  color: #94a3b8 !important;
}

body.dark .stat-box .stat-value {
  color: #f1f5f9 !important;
}

/* Certificate verify */
body.dark .cv-result h3,
body.dark .cv-result h4 {
  color: #f1f5f9 !important;
}

body.dark .cv-row span {
  color: #64748b !important;
}

body.dark .cv-row strong {
  color: #e2e8f0 !important;
}

/* Blog extras */
body.dark .blog-count,
body.dark .blog-toolbar {
  color: #94a3b8 !important;
}

body.dark .blog-empty h3 {
  color: #f1f5f9 !important;
}

body.dark .blog-empty p {
  color: #94a3b8 !important;
}

body.dark .ba-title {
  color: #f1f5f9 !important;
}

body.dark .ba-meta,
body.dark .ba-meta span {
  color: #94a3b8 !important;
}

/* Govt jobs */
body.dark .job-list-item h4,
body.dark .jl-title {
  color: #f1f5f9 !important;
}

body.dark .job-list-item p,
body.dark .jl-meta {
  color: #94a3b8 !important;
}

/* Footer newsletter stays on blue gradient — already white text */

/* Inline-style overrides used in templates */
body.dark .os-subtext {
  color: #94a3b8 !important;
}

/* Cards & links */
body.dark .card-link {
  color: #60a5fa !important;
}

body.dark .course-meta span {
  color: #94a3b8 !important;
}

body.dark .story-text h2,
body.dark .story-text p {
  color: #94a3b8 !important;
}

body.dark .story-text h2 {
  color: #f1f5f9 !important;
}

body.dark .pricing-price {
  color: #93c5fd !important;
}

body.dark .pricing-card p {
  color: #94a3b8 !important;
}

/* Links in content */
body.dark main a:not(.btn-primary):not(.btn-outline):not(.btn-white):not(.nav-link):not(.card-link) {
  color: #60a5fa;
}

body.dark main a:not(.btn-primary):not(.btn-outline):not(.btn-white):hover {
  color: #93c5fd;
}

/* Outline button on dark */
body.dark .btn-outline {
  color: #60a5fa !important;
  border-color: #60a5fa !important;
}

body.dark .btn-outline:hover {
  background: #2563eb !important;
  color: #fff !important;
}

/* ============================================
   LOGO DARK / LIGHT MODE SMOOTH TRANSITION
   ============================================ */
#ncli-logo-img {
  transition: opacity 0.15s ease;
}

/* Light mode mein blue logo ka subtle glow */
body:not(.dark) #ncli-logo-img {
  filter: drop-shadow(0 0 6px rgba(37, 99, 235, 0.18));
}

/* Dark mode mein gold logo ka warm glow */
body.dark #ncli-logo-img {
  filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.30));
}

/* About NCLI Section Dark Mode Fixes */
body.dark .story-badge-1 strong,
body.dark .story-badge-2 strong {
  color: #0f172a !important; /* Keep black/dark in dark mode */
}

body.dark .highlight-item {
  color: #ffffff !important;
}

/* Dashboard Cards (.ds-card) Fixes for Dark Mode */
body.dark .ds-card.blue { background-color: rgba(59, 130, 246, 0.1) !important; border-color: rgba(59, 130, 246, 0.2) !important; }
body.dark .ds-card.green { background-color: rgba(16, 185, 129, 0.1) !important; border-color: rgba(16, 185, 129, 0.2) !important; }
body.dark .ds-card.orange { background-color: rgba(245, 158, 11, 0.1) !important; border-color: rgba(245, 158, 11, 0.2) !important; }
body.dark .ds-card.purple { background-color: rgba(139, 92, 246, 0.1) !important; border-color: rgba(139, 92, 246, 0.2) !important; }

body.dark .ds-card span { color: #94a3b8 !important; }
body.dark .ds-card strong { color: #f1f5f9 !important; }

/* ==========================================================================
   INDEX.PHP HERO SECTION & FAQ DARK MODE OVERRIDES
   ========================================================================== */

/* Keep the home hero wave image visible in dark mode */
body.dark .home-visual-hero.hero {
  background-color: #07111f !important;
  background-image:
    radial-gradient(circle at 10% 8%, rgba(56, 189, 248, 0.20), transparent 28%),
    linear-gradient(135deg, rgba(2, 6, 23, 0.22), rgba(15, 23, 42, 0.08)),
    url("../images/home-hero-wave-bg.png") !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-position: center, center, center center !important;
  background-size: cover, cover, 100% 100% !important;
}

body.dark .home-visual-hero.hero::before,
body.dark .home-visual-hero.hero::after {
  display: none !important;
}

body.dark .home-visual-hero .hero-kickers .hero-badge {
  color: #dbeafe !important;
  border-color: rgba(96, 165, 250, 0.42) !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.32), rgba(14, 165, 233, 0.20)) !important;
  box-shadow: 0 10px 26px rgba(14, 165, 233, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.dark .home-visual-hero .hero-kickers .hero-badge i {
  color: #67e8f9 !important;
}

/* Hero Section cards backgrounds & borders */
body.dark .home-visual-hero .hero-main-card,
body.dark .home-visual-hero .hero-track-card,
body.dark .home-visual-hero .hero-info-card {
  background: rgba(15, 23, 42, 0.68) !important;
  border-color: rgba(125, 211, 252, 0.22) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(9px) saturate(1.18) !important;
}

body.dark .home-visual-hero .hero-main-card:hover,
body.dark .home-visual-hero .hero-track-card:hover,
body.dark .home-visual-hero .hero-info-card:hover {
  background: rgba(30, 41, 59, 0.95) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 12px 32px rgba(56, 189, 248, 0.15) !important;
}

body.dark .home-visual-hero .hero-title {
  color: #ffffff !important;
}

body.dark .home-visual-hero .hero-desc {
  color: #cbd5e1 !important;
}

/* Stat items inside hero card */
body.dark .home-visual-hero .hero-stats .stat-item {
  background: rgba(15, 23, 42, 0.6) !important;
  border-color: rgba(148, 163, 184, 0.1) !important;
  color: #cbd5e1 !important;
}

body.dark .home-visual-hero .hero-stats .stat-item:hover {
  background: rgba(30, 41, 59, 0.8) !important;
  border-color: #38bdf8 !important;
}

body.dark .home-visual-hero .hero-stats .stat-num {
  color: #38bdf8 !important;
}

body.dark .home-visual-hero .hero-stats .stat-label {
  color: #94a3b8 !important;
}

/* Track card list & details */
body.dark .home-visual-hero .hero-track-head strong {
  color: #ffffff !important;
}

body.dark .home-visual-hero .hero-track-head p {
  color: #94a3b8 !important;
}

body.dark .home-visual-hero .hero-track-list {
  color: #cbd5e1 !important;
}

body.dark .home-visual-hero .hero-card-link {
  color: #38bdf8 !important;
}

body.dark .home-visual-hero .hero-card-label {
  color: #93c5fd !important;
}

/* Mini Services Inline H4/P Fixes */
body.dark .hero-services-mini h4 {
  color: #f1f5f9 !important;
}

body.dark .hero-services-mini p {
  color: #94a3b8 !important;
}

/* Visit card details */
body.dark .hero-visit-card p,
body.dark .hero-visit-card p i {
  color: #cbd5e1 !important;
}

body.dark .hero-visit-card a {
  color: #38bdf8 !important;
}

/* Certificate verify card */
body.dark .hero-certificate-card a {
  color: #38bdf8 !important;
}

/* FAQ Accordion hover fixes */
body.dark .faq-summary:hover {
  background: rgba(30, 41, 59, 0.5) !important;
  color: #38bdf8 !important;
}

body.dark .faq-item[open] .faq-summary {
  background: rgba(30, 41, 59, 0.95) !important;
  color: #38bdf8 !important;
}

/* ==========================================================================
   SHOP.PHP DARK MODE OVERRIDES
   ========================================================================== */

/* Category runway dark mode overrides */
body.dark .shop3-category-runway a {
  color: #cbd5e1 !important;
  border-color: #253044 !important;
  background: rgba(17, 24, 39, 0.9) !important;
}
body.dark .shop3-category-runway a strong {
  color: #94a3b8 !important;
  background: #1e293b !important;
}
body.dark .shop3-category-runway a:hover,
body.dark .shop3-category-runway a.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
  border-color: transparent !important;
}
body.dark .shop3-category-runway a:hover strong,
body.dark .shop3-category-runway a.active strong {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18) !important;
}
body.dark .shop3-category-runway a:hover i,
body.dark .shop3-category-runway a.active i {
  color: #ffffff !important;
}

/* Shop results block in dark mode */
body.dark .shop2-results p {
  color: #94a3b8 !important;
}
body.dark .shop2-results span {
  color: #60a5fa !important;
}

/* Shop promise sidebar list in dark mode */
body.dark .shop3-promise span {
  color: #cbd5e1 !important;
}
body.dark .shop3-promise i {
  background: rgba(37, 99, 235, 0.2) !important;
  color: #93c5fd !important;
}

/* Shop filter summary reset link in dark mode */
body.dark .shop3-filter-summary a {
  color: #60a5fa !important;
}

/* Info strip dark mode support */
body.dark .shop3-info-strip {
  background: rgba(17, 24, 39, 0.9) !important;
  border-color: #253044 !important;
}
body.dark .shop3-info-item {
  color: #cbd5e1 !important;
}

/* Product card overrides in dark mode */
body.dark .shop2-product p {
  color: #cbd5e1 !important;
}
body.dark .shop2-detail-link {
  color: #60a5fa !important;
}
body.dark .shop2-product-top span {
  color: #60a5fa !important;
}
body.dark .shop2-product-top em {
  color: #4ade80 !important;
}
body.dark .shop2-product-top em.low {
  color: #f87171 !important;
}
body.dark .shop3-stock-line span {
  color: #94a3b8 !important;
}
body.dark .shop3-stock-line div {
  background: #334155 !important;
}