/* ============================================================
   FEEDUCAREER FOUNDATION — UNIVERSAL THEME FIX v4.0
   Covers: ALL pages · Dark + Light modes · Logo 4-color spec
   Logo colors:
     Green  (#22c55e) = Feed pillar       [dark primary]
     Blue   (#3b82f6) = Education pillar  [dark secondary]
     Orange (#ea580c) = Care pillar       [light primary]
     Gold   (#d97706) = Career pillar     [light secondary]
   ============================================================ */

/* ══════════════════════════════════════════════════════════════
   SERVICE BOX — theme-aware (fixes hardcoded white background)
   ══════════════════════════════════════════════════════════════ */
.service-box {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.service-box h4, .service-box h3, .service-box h2 { color: var(--head) !important; }
.service-box p, .service-box .text { color: var(--text2) !important; }
.service-box::before { background: var(--g-btn) !important; }

/* ══════════════════════════════════════════════════════════════
   WELCOME POPUP — theme-aware
   ══════════════════════════════════════════════════════════════ */
.fc-popup-card {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.fc-popup-label  { color: var(--text3) !important; }
.fc-popup-value  { color: var(--head) !important; }
.fc-popup-reg    { background: var(--p1l) !important; border-left: 4px solid var(--p1) !important; }

/* ══════════════════════════════════════════════════════════════
   ABOUT SECTION — remove hardcoded white/f8fafc
   ══════════════════════════════════════════════════════════════ */
.about-section-three,
.about-section-three .content-box h5 { color: var(--p1) !important; }
.about-section-three .content-box h1 { color: var(--head) !important; }
.about-section-three .content-box p  { color: var(--text2) !important; }
[data-theme="dark"] .about-section-three { background: var(--sec-alt) !important; }
[data-theme="light"] .about-section-three { background: var(--sec-alt) !important; }

/* ══════════════════════════════════════════════════════════════
   FORMS — all pages
   ══════════════════════════════════════════════════════════════ */
input, select, textarea,
.form-control, .input-field {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
input:focus, select:focus, textarea:focus,
.form-control:focus {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--p1) !important;
  box-shadow: 0 0 0 3px var(--p1l) !important;
  outline: none !important;
}
input::placeholder, textarea::placeholder { color: var(--text3) !important; }
label { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   CARDS / BOXES — universal
   ══════════════════════════════════════════════════════════════ */
.inner-box, .info-box, .feature-box,
.donation-box, .event-info-box, .contact-box {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.inner-box h4, .inner-box h3, .inner-box h5 { color: var(--head) !important; }
.inner-box p, .inner-box .text { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   DASHBOARD SECTION — user + volunteer dashboard theme fix
   ══════════════════════════════════════════════════════════════ */

/* Extra vars for dashboard components */
:root,
[data-theme="dark"] {
  --bg2: #0c1222;
  --bg3: #131b2e;
  --border: rgba(148,163,184,.18);
  --card-inner: #131b2e;
  --stat-shadow: 0 8px 24px rgba(22,163,74,.3);
  --qa-tile1: linear-gradient(135deg, rgba(22,163,74,.12), rgba(59,130,246,.12));
  --qa-tile2: linear-gradient(135deg, rgba(22,163,74,.12), rgba(34,197,94,.15));
  --qa-tile3: linear-gradient(135deg, rgba(59,130,246,.1), rgba(56,189,248,.12));
  --qa-tile4: linear-gradient(135deg, rgba(59,130,246,.12), rgba(22,163,74,.1));
  --p1a: rgba(34,197,94,.25);
  --p2a: rgba(59,130,246,.25);
  --p3a: rgba(56,189,248,.2);
}
[data-theme="light"] {
  --bg2: #f1f5f9;
  --bg3: #e2e8f0;
  --border: rgba(0,0,0,.1);
  --card-inner: #f8fafc;
  --stat-shadow: 0 8px 24px rgba(234,88,12,.25);
  --qa-tile1: linear-gradient(135deg, #fff7ed, #fef3c7);
  --qa-tile2: linear-gradient(135deg, #fff7ed, #ffedd5);
  --qa-tile3: linear-gradient(135deg, #fffbf5, #fef3c7);
  --qa-tile4: linear-gradient(135deg, #fff7ed, #fef3c7);
  --p1a: rgba(234,88,12,.15);
  --p2a: rgba(217,119,6,.15);
  --p3a: rgba(217,119,6,.12);
}

.fc-dash-section {
  background: var(--bg) !important;
}

.dashboard-section {
  background: var(--bg) !important;
}
.dashboard-section .stat-card,
.dashboard-section .info-card,
.dashboard-section .action-card {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
}

/* Quick action tiles - dark mode hover */
[data-theme="dark"] .fc-dash-section a[style*="qa-tile"]:hover {
  box-shadow: 0 8px 20px rgba(22,163,74,.2) !important;
}
/* Quick action tile text visibility */
[data-theme="dark"] .fc-dash-section h6 { color: var(--head) !important; }
[data-theme="dark"] .fc-dash-section p  { color: var(--text2) !important; }

/* Quick links hover in dark */
[data-theme="dark"] .fc-dash-section a[style*="bg2"]:hover {
  background: var(--p1l) !important;
}
[data-theme="dark"] .fc-dash-section a[style*="bg2"] span { color: var(--head) !important; }

/* Profile card purple link colors in dark */
[data-theme="dark"] .fc-dash-section a[style*="color: #6366f1"],
[data-theme="dark"] .fc-dash-section a[style*="color: var(--p1"] {
  color: var(--p1) !important;
}
/* Dark-mode table overrides */
[data-theme="dark"] .table, [data-theme="dark"] .table-bordered { color: var(--text) !important; }
[data-theme="dark"] .table th { background: var(--bg3) !important; color: var(--head) !important; border-color: var(--border) !important; }
[data-theme="dark"] .table td { background: var(--card) !important; color: var(--text2) !important; border-color: var(--border) !important; }
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) td { background: var(--bg2) !important; }
[data-theme="dark"] .table-hover tbody tr:hover td { background: var(--bg3) !important; }
/* Light-mode table */
[data-theme="light"] .table th { background: #fff7ed !important; color: #0f172a !important; border-color: rgba(0,0,0,.1) !important; }
[data-theme="light"] .table td { background: #ffffff !important; color: #1e293b !important; border-color: rgba(0,0,0,.08) !important; }

/* ══════════════════════════════════════════════════════════════
   STAT CARDS — gradient overrides for both themes
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .stat-card-gradient-1 { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important; }
[data-theme="dark"] .stat-card-gradient-2 { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important; }
[data-theme="dark"] .stat-card-gradient-3 { background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%) !important; }
[data-theme="light"] .stat-card-gradient-1 { background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important; }
[data-theme="light"] .stat-card-gradient-2 { background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important; }
[data-theme="light"] .stat-card-gradient-3 { background: linear-gradient(135deg, #ea580c 0%, #d97706 100%) !important; }

/* ══════════════════════════════════════════════════════════════
   PAGE BANNER / BREADCRUMB — inner pages
   ══════════════════════════════════════════════════════════════ */
.page-banner, .inner-banner {
  background: var(--g-hero) !important;
  position: relative !important;
}
.page-banner h1, .inner-banner h1,
.page-banner h2, .inner-banner h2 { color: #fff !important; }

/* ══════════════════════════════════════════════════════════════
   ALERT / NOTICE BOXES
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .alert-success { background: rgba(34,197,94,.15) !important; border-color: rgba(34,197,94,.35) !important; color: #86efac !important; }
[data-theme="dark"] .alert-danger  { background: rgba(239,68,68,.15) !important; border-color: rgba(239,68,68,.35) !important; color: #fca5a5 !important; }
[data-theme="dark"] .alert-warning { background: rgba(245,158,11,.15) !important; border-color: rgba(245,158,11,.35) !important; color: #fcd34d !important; }
[data-theme="dark"] .alert-info    { background: rgba(59,130,246,.15) !important; border-color: rgba(59,130,246,.35) !important; color: #93c5fd !important; }
[data-theme="light"] .alert-success { background: #f0fdf4 !important; border-color: #86efac !important; color: #166534 !important; }
[data-theme="light"] .alert-danger  { background: #fef2f2 !important; border-color: #fca5a5 !important; color: #991b1b !important; }
[data-theme="light"] .alert-warning { background: #fffbeb !important; border-color: #fcd34d !important; color: #92400e !important; }
[data-theme="light"] .alert-info    { background: #eff6ff !important; border-color: #93c5fd !important; color: #1e40af !important; }

/* ══════════════════════════════════════════════════════════════
   BADGES
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .badge-success { background: rgba(34,197,94,.25) !important; color: #86efac !important; }
[data-theme="dark"] .badge-danger  { background: rgba(239,68,68,.25) !important; color: #fca5a5 !important; }
[data-theme="dark"] .badge-warning { background: rgba(245,158,11,.25) !important; color: #fcd34d !important; }
[data-theme="dark"] .badge-primary { background: rgba(34,197,94,.25) !important; color: #86efac !important; }
[data-theme="dark"] .badge-info    { background: rgba(59,130,246,.25) !important; color: #93c5fd !important; }

/* ══════════════════════════════════════════════════════════════
   MODAL / DIALOG (Bootstrap)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .modal-content { background: var(--card) !important; color: var(--text) !important; border-color: var(--border) !important; }
[data-theme="dark"] .modal-header { border-bottom-color: var(--border) !important; }
[data-theme="dark"] .modal-footer { border-top-color: var(--border) !important; }
[data-theme="dark"] .modal-title  { color: var(--head) !important; }
[data-theme="dark"] .close        { color: var(--text2) !important; opacity: 1 !important; }
[data-theme="light"] .modal-content { background: #ffffff !important; color: #1e293b !important; }

/* ══════════════════════════════════════════════════════════════
   NAV TABS / PILLS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .nav-tabs .nav-link { color: var(--text2) !important; border-color: var(--border) !important; background: transparent !important; }
[data-theme="dark"] .nav-tabs .nav-link.active { background: var(--bg3) !important; color: var(--head) !important; border-color: var(--p1) !important; }
[data-theme="dark"] .nav-tabs { border-bottom-color: var(--border) !important; }
[data-theme="light"] .nav-tabs .nav-link { color: #475569 !important; }
[data-theme="light"] .nav-tabs .nav-link.active { background: #fff7ed !important; color: #0f172a !important; border-color: var(--p1) !important; }

/* ══════════════════════════════════════════════════════════════
   ACCORDION
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .accordion-item, [data-theme="dark"] .panel { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .accordion-button, [data-theme="dark"] .panel-title a { background: var(--card) !important; color: var(--head) !important; }
[data-theme="dark"] .accordion-body, [data-theme="dark"] .panel-body { background: var(--card2) !important; color: var(--text2) !important; }
[data-theme="light"] .accordion-item { border-color: rgba(0,0,0,.1) !important; }

/* ══════════════════════════════════════════════════════════════
   DROPDOWN / SELECT BOX
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .dropdown-menu { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .dropdown-item { color: var(--text2) !important; background: transparent !important; }
[data-theme="dark"] .dropdown-item:hover { background: var(--p1l) !important; color: var(--head) !important; }
[data-theme="dark"] .dropdown-divider { border-color: var(--border) !important; }

/* ══════════════════════════════════════════════════════════════
   CONTACT PAGE FORM / FAQ / SERVICES
   ══════════════════════════════════════════════════════════════ */
.contact-form-section, .faq-section, .services-section {
  background: var(--bg) !important;
}
.contact-section, .faq-page { background: var(--bg) !important; }
[data-theme="dark"] .contact-info-box { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .contact-info-box h4 { color: var(--head) !important; }
[data-theme="dark"] .faq-section .accordion .card { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .faq-section .card-header { background: var(--card) !important; color: var(--head) !important; border-color: var(--border) !important; }
[data-theme="dark"] .faq-section .card-body { background: var(--card2) !important; color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   DONATE PAGE
   ══════════════════════════════════════════════════════════════ */
.donate-page, .donation-section { background: var(--bg) !important; }
[data-theme="dark"] .donate-widget { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .donate-tabs button { background: var(--bg3) !important; color: var(--text2) !important; border-color: var(--border) !important; }
[data-theme="dark"] .donate-tabs button.active { background: var(--p1) !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════════════
   MEMBERSHIP / VOLUNTEER / EVENT PAGES
   ══════════════════════════════════════════════════════════════ */
.membership-section, .volunteer-section, .events-section { background: var(--bg) !important; }
[data-theme="dark"] .membership-plan    { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .membership-plan h3 { color: var(--head) !important; }
[data-theme="dark"] .membership-plan p  { color: var(--text2) !important; }
[data-theme="dark"] .plan-featured      { background: var(--g-btn) !important; }
[data-theme="dark"] .plan-featured *    { color: #fff !important; }

/* ══════════════════════════════════════════════════════════════
   FOOTER LINKS — light mode visibility
   ══════════════════════════════════════════════════════════════ */
[data-theme="light"] .fc-footer {
  background: #1e293b !important;
}
[data-theme="light"] .fc-f-col-title { color: #ffffff !important; }
[data-theme="light"] .fc-f-about, [data-theme="light"] .fc-f-links a { color: rgba(255,255,255,.65) !important; }
[data-theme="light"] .fc-f-contact li, [data-theme="light"] .fc-f-contact a { color: rgba(255,255,255,.65) !important; }
[data-theme="light"] .fc-cr-text, [data-theme="light"] .fc-cr-text a,
[data-theme="light"] .fc-cr-dev, [data-theme="light"] .fc-cr-dev a { color: rgba(255,255,255,.42) !important; }
[data-theme="light"] .fc-f-social a { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.7) !important; }
[data-theme="light"] .fc-f-social a:hover { background: var(--p1) !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════════════
   USER LOGIN / REGISTER — theme-aware
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .login-box, [data-theme="dark"] .register-box,
[data-theme="dark"] .auth-card { background: var(--card) !important; border-color: var(--border) !important; }

/* ══════════════════════════════════════════════════════════════
   RECEIPT / CERTIFICATE / PRINTABLE PAGES
   preserve white background for print pages
   ══════════════════════════════════════════════════════════════ */
.receipt-wrapper, .certificate-wrapper, .id-card-wrapper,
.print-document { background: #ffffff !important; color: #000000 !important; }

/* ══════════════════════════════════════════════════════════════
   SCROLL-AWARE STICKY HEADER VISIBILITY
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"]  .fc-navbar { background: var(--nav-bg) !important; }
[data-theme="light"] .fc-navbar { background: var(--nav-bg) !important; }
[data-theme="dark"]  .fc-navbar.scrolled { background: var(--nav-scrolled) !important; }
[data-theme="light"] .fc-navbar.scrolled { background: var(--nav-scrolled) !important; box-shadow: 0 4px 24px rgba(0,0,0,.08) !important; }

/* ══════════════════════════════════════════════════════════════
   BLOG / NEWS DETAILS PAGE
   ══════════════════════════════════════════════════════════════ */
.blog-details-section, .news-detail-section { background: var(--bg) !important; }
[data-theme="dark"] .blog-details-section .sidebar-widget { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .blog-details-section .sidebar-widget h4 { color: var(--head) !important; }

/* ══════════════════════════════════════════════════════════════
   CROWD-FUND / SHOP / CART PAGES
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .shop-item, [data-theme="dark"] .product-item { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .cart-table th, [data-theme="dark"] .cart-table td { background: var(--card) !important; color: var(--text2) !important; border-color: var(--border) !important; }

/* ══════════════════════════════════════════════════════════════
   LOGO — proper sizing in both themes
   ══════════════════════════════════════════════════════════════ */
.fc-brand-logo {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
}
.fc-brand-name { color: var(--nav-hover) !important; }
[data-theme="light"] .fc-brand-name { color: #0f172a !important; }

/* ══════════════════════════════════════════════════════════════
   BODY / SECTION UNIVERSAL OVERRIDE
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] section { background: var(--bg) !important; }
[data-theme="dark"] .sec-alt-bg,
[data-theme="dark"] .about-section-three,
[data-theme="dark"] .services-section,
[data-theme="dark"] .team-section-five,
[data-theme="dark"] .testimonials-section,
[data-theme="dark"] .partners-section,
[data-theme="dark"] .gallery-section { background: var(--sec-alt) !important; }

[data-theme="light"] section { background: var(--bg) !important; }
[data-theme="light"] .sec-alt-bg,
[data-theme="light"] .about-section-three,
[data-theme="light"] .services-section,
[data-theme="light"] .team-section-five,
[data-theme="light"] .testimonials-section,
[data-theme="light"] .partners-section,
[data-theme="light"] .gallery-section { background: var(--sec-alt) !important; }

/* ══════════════════════════════════════════════════════════════
   UNIVERSAL INLINE-STYLE OVERRIDES — dark mode
   Catches ALL hardcoded inline colors/backgrounds across all pages
   ══════════════════════════════════════════════════════════════ */

/* --- White / light backgrounds → dark card --- */
[data-theme="dark"] [style*="background: #f8fafc"],
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: #fff;"],
[data-theme="dark"] [style*="background:#fff;"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background: linear-gradient(135deg, #f8fafc"],
[data-theme="dark"] [style*="background: linear-gradient(135deg, #ffffff"],
[data-theme="dark"] [style*="background: linear-gradient(145deg, #ffffff"],
[data-theme="dark"] [style*="background: linear-gradient(180deg, #f8fafc"],
[data-theme="dark"] [style*="background: linear-gradient(135deg, #f0fdf4"],
[data-theme="dark"] [style*="background: linear-gradient(135deg, #eff6ff"] {
  background: var(--card) !important;
}

/* --- Dark text → light --- */
[data-theme="dark"] [style*="color: #1e293b"],
[data-theme="dark"] [style*="color:#1e293b"],
[data-theme="dark"] [style*="color: #0f172a"],
[data-theme="dark"] [style*="color:#0f172a"] {
  color: var(--head) !important;
}
[data-theme="dark"] [style*="color: #475569"],
[data-theme="dark"] [style*="color:#475569"],
[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color:#64748b"],
[data-theme="dark"] [style*="color: #334155"],
[data-theme="dark"] [style*="color:#334155"] {
  color: var(--text2) !important;
}
[data-theme="dark"] [style*="color: #94a3b8"],
[data-theme="dark"] [style*="color:#94a3b8"] {
  color: var(--text3) !important;
}

/* --- Light gray borders → dark borders --- */
[data-theme="dark"] [style*="border-color: #e2e8f0"],
[data-theme="dark"] [style*="border-color:#e2e8f0"],
[data-theme="dark"] [style*="border: 1px solid #e2e8f0"],
[data-theme="dark"] [style*="border: 2px solid #e2e8f0"],
[data-theme="dark"] [style*="border: 1px solid #e5e7eb"],
[data-theme="dark"] [style*="border: 2px solid #dcfce7"],
[data-theme="dark"] [style*="border: 2px solid #e0e7ff"],
[data-theme="dark"] [style*="border: 2px solid #fce7f3"],
[data-theme="dark"] [style*="border: 2px solid #fef3c7"],
[data-theme="dark"] [style*="border: 2px solid #dbeafe"],
[data-theme="dark"] [style*="border: 2px solid #fee2e2"],
[data-theme="dark"] [style*="border-bottom: 1px solid #f1f5f9"],
[data-theme="dark"] [style*="border-bottom: 1px solid #e2e8f0"] {
  border-color: var(--border) !important;
}

/* --- Shadows for dark mode --- */
[data-theme="dark"] [style*="box-shadow: 0 4px 16px rgba(0,0,0,0.08)"],
[data-theme="dark"] [style*="box-shadow: 0 4px 20px rgba(0,0,0,0.08)"],
[data-theme="dark"] [style*="box-shadow: 0 8px 24px rgba(0,0,0,0.1)"] {
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

/* --- Inline light gradient section backgrounds --- */
[data-theme="dark"] section[style*="background: linear-gradient(135deg, #f8fafc"],
[data-theme="dark"] section[style*="background: linear-gradient(180deg, #f8fafc"],
[data-theme="dark"] section[style*="background: #f8fafc"],
[data-theme="dark"] section[style*="background: #ffffff"],
[data-theme="dark"] section[style*="background: white"] {
  background: var(--bg) !important;
}

/* --- Style block elements: headings light → dark-aware --- */
[data-theme="dark"] h1[style*="color: #1e293b"],
[data-theme="dark"] h2[style*="color: #1e293b"],
[data-theme="dark"] h3[style*="color: #1e293b"],
[data-theme="dark"] h4[style*="color: #1e293b"],
[data-theme="dark"] h5[style*="color: #1e293b"],
[data-theme="dark"] h6[style*="color: #1e293b"] {
  color: var(--head) !important;
}

/* ══════════════════════════════════════════════════════════════
   UNIVERSAL INLINE-STYLE OVERRIDES — light mode helpers
   ══════════════════════════════════════════════════════════════ */

/* Purple gradients → brand orange/gold in light mode */
[data-theme="light"] [style*="background: linear-gradient(135deg, #6366f1"],
[data-theme="light"] [style*="background: linear-gradient(135deg, #8b5cf6"],
[data-theme="light"] [style*="background: linear-gradient(135deg, rgba(79, 70, 229"],
[data-theme="light"] [style*="background: linear-gradient(135deg, rgba(99, 102, 241"],
[data-theme="light"] [style*="background: linear-gradient(135deg, rgba(139, 92, 246"] {
  background: linear-gradient(135deg, #ea580c 0%, #d97706 100%) !important;
}

/* Purple solid colors → orange */
[data-theme="light"] [style*="color: #6366f1"],
[data-theme="light"] [style*="color:#6366f1"],
[data-theme="light"] [style*="color: #8b5cf6"],
[data-theme="light"] [style*="color:#8b5cf6"] {
  color: #ea580c !important;
}

/* ══════════════════════════════════════════════════════════════
   IMPACT / CAUSE DETAILS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .cause-details-section { background: var(--bg) !important; }
[data-theme="dark"] .cause-update { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .sidebar-widget { background: var(--card) !important; border-color: var(--border) !important; }

/* ══════════════════════════════════════════════════════════════
   ANNUAL REPORTS / CERTIFICATES pages
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .annual-reports-section { background: var(--bg) !important; }
[data-theme="dark"] .report-card { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .report-card h4 { color: var(--head) !important; }
[data-theme="dark"] .company-certificates-section { background: var(--bg) !important; }

/* ══════════════════════════════════════════════════════════════
   PAGINATION
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .pagination .page-item .page-link { background: var(--card) !important; border-color: var(--border) !important; color: var(--text2) !important; }
[data-theme="dark"] .pagination .page-item.active .page-link { background: var(--p1) !important; border-color: var(--p1) !important; color: #fff !important; }
[data-theme="dark"] .pagination .page-item .page-link:hover { background: var(--p1l) !important; color: var(--p1d) !important; }

/* ══════════════════════════════════════════════════════════════
   MOBILE DRAWER THEME
   ══════════════════════════════════════════════════════════════ */
.fc-drawer { background: var(--bg2) !important; border-color: var(--border) !important; }
.fc-drawer-hd { border-bottom-color: var(--border) !important; }
.fc-drawer-ft { border-top-color: var(--border) !important; }
.fc-dm-item { color: var(--text2) !important; }
.fc-dm-item:hover, .fc-dm-item.open { color: var(--head) !important; background: var(--p1l) !important; }
.fc-dm-sub a { color: var(--text3) !important; }
.fc-dm-sub a:hover { color: var(--head) !important; background: var(--border) !important; }

/* ══════════════════════════════════════════════════════════════
   OWL CAROUSEL / SWIPER THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .owl-nav button { background: var(--card) !important; border-color: var(--border) !important; color: var(--text2) !important; }
[data-theme="dark"] .owl-nav button:hover { background: var(--p1) !important; color: #fff !important; border-color: var(--p1) !important; }

/* ══════════════════════════════════════════════════════════════
   DONATE RECEIPT / VOLUNTEER RECEIPT (print-safe)
   ══════════════════════════════════════════════════════════════ */
@media print {
  body, .receipt-wrapper, .certificate-wrapper {
    background: #fff !important;
    color: #000 !important;
  }
  .fc-navbar, .fc-footer, .fc-wa, .fc-totop, #scroll-progress { display: none !important; }
}
/* ══════════════════════════════════════════════════════════════
   GALLERY PAGE — style block overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .gallery-section,
[data-theme="dark"] .gallery-filter-section {
  background: var(--bg) !important;
}
[data-theme="dark"] .gallery-item,
[data-theme="dark"] .gallery-card,
[data-theme="dark"] .lightbox-content {
  background: var(--card) !important;
  color: var(--text) !important;
}
[data-theme="dark"] .gallery-item h4,
[data-theme="dark"] .gallery-card h4 { color: var(--head) !important; }
[data-theme="dark"] .gallery-item p,
[data-theme="dark"] .gallery-card p { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   DONATE PAGE — style block overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .donate-form-wrapper,
[data-theme="dark"] .donation-form-section {
  background: var(--bg) !important;
}
[data-theme="dark"] .donate-form-card,
[data-theme="dark"] .payment-card,
[data-theme="dark"] .amount-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .share-popup,
[data-theme="dark"] .share-toast {
  background: var(--card) !important;
  color: var(--text) !important;
}

/* ══════════════════════════════════════════════════════════════
   MEMBERSHIP/VOLUNTEER PAGE — style block overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .membership-form-wrapper,
[data-theme="dark"] .volunteer-form-wrapper {
  background: var(--bg) !important;
}
[data-theme="dark"] .qr-modal-content,
[data-theme="dark"] .qr-popup {
  background: var(--card) !important;
  color: var(--text) !important;
}

/* ══════════════════════════════════════════════════════════════
   ABOUT PAGE — dark mode overrides for all cards
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .team-card,
[data-theme="dark"] .value-card,
[data-theme="dark"] .milestone-card,
[data-theme="dark"] .about-feature-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .team-card h4,
[data-theme="dark"] .value-card h4,
[data-theme="dark"] .milestone-card h4,
[data-theme="dark"] .about-feature-card h4 { color: var(--head) !important; }
[data-theme="dark"] .team-card p,
[data-theme="dark"] .value-card p,
[data-theme="dark"] .milestone-card p,
[data-theme="dark"] .about-feature-card p { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   FAQ PAGE — accordion override
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .doubt-card,
[data-theme="dark"] .doubt-form {
  background: var(--card) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .doubt-card h4 { color: var(--head) !important; }
[data-theme="dark"] .doubt-card p  { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   EVENTS / CAUSES — card overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .event-card,
[data-theme="dark"] .cause-card,
[data-theme="dark"] .impact-card,
[data-theme="dark"] .feature-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .event-card h4,
[data-theme="dark"] .cause-card h4,
[data-theme="dark"] .impact-card h4,
[data-theme="dark"] .feature-card h4 { color: var(--head) !important; }
[data-theme="dark"] .event-card p,
[data-theme="dark"] .cause-card p,
[data-theme="dark"] .impact-card p,
[data-theme="dark"] .feature-card p  { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   BLOG DETAILS — sidebar + content
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .blog-content blockquote {
  background: var(--card) !important;
  border-left-color: var(--p1) !important;
  color: var(--text2) !important;
}
[data-theme="dark"] .sidebar .widget {
  background: var(--card) !important;
  border-color: var(--border) !important;
}

/* ══════════════════════════════════════════════════════════════
   SERVICES PAGE — style block overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .service-detail-card,
[data-theme="dark"] .service-detail-info {
  background: var(--card) !important;
  color: var(--text) !important;
}
[data-theme="dark"] .service-detail-card h3 { color: var(--head) !important; }
[data-theme="dark"] .service-detail-card p  { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   SERVICES PAGE — <style> block class overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .section-header h2 { color: var(--head) !important; }
[data-theme="dark"] .section-header p   { color: var(--text2) !important; }
[data-theme="dark"] .service-card { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .service-title { color: var(--head) !important; }
[data-theme="dark"] .no-services   { color: var(--text2) !important; }

/* ══════════════════════════════════════════════════════════════
   GALLERY PAGE — <style> block class overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .category-pill        { background: var(--card) !important; color: var(--text2) !important; border-color: var(--border) !important; }
[data-theme="dark"] .category-pill.active { background: var(--p1) !important; color: #fff !important; border-color: var(--p1) !important; }
[data-theme="dark"] .filter-btn:hover     { color: var(--head) !important; }
[data-theme="dark"] .filter-btn.active    { color: #fff !important; }
[data-theme="dark"] .filter-label         { color: var(--text2) !important; }
[data-theme="dark"] .gallery-stats        { background: var(--card) !important; }
[data-theme="dark"] .gallery-stats span   { color: var(--text2) !important; }
[data-theme="dark"] .empty-gallery-state  { background: var(--card) !important; }
[data-theme="dark"] .empty-gallery-state h3 { color: var(--head) !important; }
[data-theme="dark"] .empty-gallery-state p  { color: var(--text2) !important; }
[data-theme="dark"] .btn-reset-filters    { background: var(--p1) !important; color: #fff !important; }
[data-theme="dark"] .gallery-card         { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .gallery-filter-bar   { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .card-title           { color: var(--head) !important; }
[data-theme="dark"] .card-category        { color: var(--text3) !important; }
[data-theme="dark"] .card-desc            { color: var(--text2) !important; }
[data-theme="dark"] .zoom-icon i          { color: var(--head) !important; }
[data-theme="dark"] .placeholder-media    { color: var(--text2) !important; }
[data-theme="dark"] .modal-counter        { color: var(--text2) !important; }
[data-theme="dark"] .gallery-toast        { background: var(--card) !important; color: var(--text) !important; }

/* ══════════════════════════════════════════════════════════════
   DONATE + MEMBERSHIP — QR modal overrides
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .qr-modal-inner       { background: var(--card) !important; }
[data-theme="dark"] .qr-modal-image-container { background: var(--bg2) !important; }
[data-theme="dark"] .qr-modal-image-container img { background: #fff !important; /* keep QR readable */ }
[data-theme="dark"] .qr-modal-actions     { background: var(--card) !important; }
[data-theme="dark"] .qr-action-btn        { background: var(--bg2) !important; color: var(--head) !important; }
[data-theme="dark"] .qr-modal-footer      { background: var(--bg2) !important; color: var(--text2) !important; }
[data-theme="dark"] .donation-form label  { color: var(--text2) !important; }
[data-theme="dark"] .donation-form .form-control { background-color: var(--card) !important; color: var(--text) !important; border-color: var(--border) !important; }

/* ══════════════════════════════════════════════════════════════
   HOMEPAGE PREMIUM FIXES v5.0 — Dark + Light comprehensive
   ══════════════════════════════════════════════════════════════ */

/* ── Causes section – card contrast in dark ── */
[data-theme="dark"] .causes-section-five .cause-block-five .inner-box {
  background: var(--card) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.45) !important;
}
[data-theme="dark"] .causes-section-five .lower-content h4 a { color: var(--head) !important; }
[data-theme="dark"] .causes-section-five .lower-content .text { color: var(--text2) !important; }
[data-theme="dark"] .causes-section-five .info-box a { color: var(--text2) !important; border-color: var(--border) !important; }
[data-theme="dark"] .causes-section-five .info-box a span { color: var(--p1) !important; }

/* ── Causes – progress indicator theming ── */
.cause-block-five .inner-text { color: var(--head) !important; }
[data-theme="dark"] .cause-block-five .dial-canvas,
[data-theme="dark"] .cause-block-five canvas { filter: brightness(1.2); }

/* ── "You can help" section – light mode preserve dark look ── */
[data-theme="light"] .fc-can-help { background: var(--bg3) !important; }
[data-theme="light"] .fc-can-help::before { opacity: .90 !important; }

/* ── Testimonial section – extra bottom space fix ── */
.testimonial-section-three { padding-bottom: 60px !important; }
.testimonial-section-three + .blog-section,
.testimonial-section-three + section { margin-top: 0 !important; }

/* ── Blog section lower-content p ── */
.news-block-one .lower-content p { color: var(--text2) !important; }
[data-theme="dark"] .news-block-one .lower-content p { color: var(--text3) !important; }

/* ── Blog section – dark-improved card background ── */
[data-theme="dark"] .blog-section .news-block-one .inner-box,
[data-theme="dark"] .blog-section.style-two .news-block-one .inner-box {
  background: var(--card) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.50) !important;
}

/* ── Gallery section – content column theme fixes ── */
[data-theme="light"] .gallery-section-two .content-column .sec-title h5 {
  background: var(--p1l) !important;
  color: var(--p1d) !important;
}
[data-theme="light"] .gallery-section-two .content-column .sec-title h1 {
  color: var(--head) !important;
}
[data-theme="light"] .gallery-section-two {
  background: var(--bg2) !important;
}
[data-theme="dark"] .gallery-section-two .content-column {
  background: rgba(255,255,255,.02) !important;
}
[data-theme="dark"] .gallery-section-two .content-column .sec-title h5 {
  background: var(--p1l) !important;
  color: var(--p1) !important;
}
[data-theme="dark"] .gallery-section-two .content-column .sec-title h1 {
  color: var(--head) !important;
}

/* ── Gallery caption titles both themes ── */
.gallery-block-two .caption-title span { color: var(--p1) !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.gallery-block-two .caption-title h4 a { color: var(--head) !important; }
[data-theme="dark"] .gallery-block-two { background: var(--card) !important; }

/* ── Partners section – both themes ── */
[data-theme="light"] .client-section { background: var(--bg) !important; border:none !important; }
[data-theme="dark"] .client-section { background: var(--bg2) !important; border:none !important; }
[data-theme="dark"] .sponsors-carousel .image img { filter: grayscale(40%) brightness(1.3) !important; opacity: .70 !important; }
[data-theme="dark"] .client-section .text-two { color: var(--text3) !important; }
[data-theme="dark"] .client-section .text-two a { color: var(--p1) !important; }

/* ── Newsletter bar – light mode extra polish ── */
[data-theme="light"] .fc-newsletter-bar { background: var(--g-bar) !important; }
[data-theme="light"] .fc-nl-left h3 { color: #fff !important; }
[data-theme="light"] .fc-nl-left p { color: rgba(255,255,255,.75) !important; }

/* ── Footer – light mode brand name contrast ── */
[data-theme="light"] .fc-f-brand-name { color: rgba(255,255,255,.95) !important; }
[data-theme="light"] .fc-f-brand-sub  { color: rgba(255,255,255,.55) !important; }
[data-theme="light"] .fc-f-col-title::after { background: var(--p1) !important; }
[data-theme="light"] .fc-copyright-bar { border-top-color: rgba(255,255,255,.10) !important; }

/* ── Causes sec-title in both themes ── */
.causes-section-five .sec-title h5 { background: var(--p1l) !important; color: var(--p1d) !important; }
.causes-section-five .sec-title h1 { color: var(--head) !important; }
[data-theme="dark"] .causes-section-five .sec-title h5 { color: var(--p1) !important; }

/* ── Donate CTA section – dark / light balance ── */
[data-theme="dark"] .fc-donate-cta { background: var(--bg2) !important; }
[data-theme="light"] .fc-donate-cta { background: var(--bg2) !important; }
[data-theme="dark"] .fc-dcta-visual { background: var(--bg3) !important; }
[data-theme="light"] .fc-dcta-visual { background: #fff !important; box-shadow: 0 8px 40px rgba(0,0,0,.07) !important; }
[data-theme="dark"] .fc-dcta-stat { background: var(--bg) !important; border-color: rgba(255,255,255,.08) !important; }

/* ── Team section – dark border contrast ── */
[data-theme="dark"] .team-block-five .inner-box {
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.45) !important;
}

/* ── Team social icons — ALWAYS visible ── */
.team-block-five .social-icon-six { display: flex !important; gap: 6px; }
.team-block-five .social-icon-six li { display: inline-block !important; list-style: none !important; }
.team-block-five .social-icon-six a {
  opacity: 1 !important;
  transform: translateY(0) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important; height: 34px !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  transition: all .3s ease !important;
}
.team-block-five .social-icon-six a .fa,
.team-block-five .social-icon-six a span.fa {
  display: inline-block !important;
  font-size: 13px !important;
  line-height: 1 !important;
}
.team-block-five .lower-content .social-icon-six a {
  background: var(--p1l) !important;
  color: var(--p1) !important;
}
.team-block-five .lower-content .social-icon-six a:hover {
  background: var(--p1) !important;
  color: #fff !important;
  transform: translateY(-3px) !important;
}
.team-block-five .overlay-content .social-icon-six a {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
}
.team-block-five .overlay-content .social-icon-six a:hover {
  background: #fff !important;
  color: var(--p1) !important;
}

/* ── Feature section "You can help" improvements ── */
.feature-section-two .feature-block-four .inner-box::before { background: rgba(255,255,255,.25) !important; }

/* ── Call-to-action (volunteer banner) ── */
[data-theme="light"] .call-to-action-two h5 { color: var(--p1) !important; }
[data-theme="light"] .call-to-action-two h1 { color: #fff !important; }
[data-theme="light"] .call-to-action-two .text { color: rgba(255,255,255,.78) !important; }

/* ── Sec-title style-two (team, testimonial) – no extra icon-box gap ── */
.sec-title .icon-box { display: none !important; }
/* ================================================================
   LIGHT THEME COMPREHENSIVE FIXES v6.0
   Makes EVERY section clearly readable and visually polished
   ================================================================ */

/* ─ About section pillars ─ */
[data-theme="light"] .fc-about2-pillar { background: var(--card) !important; border-color: rgba(0,0,0,.09) !important; box-shadow: 0 2px 12px rgba(0,0,0,.05) !important; }
[data-theme="light"] .fc-about2-pillar:hover { box-shadow: 0 6px 22px rgba(0,0,0,.10) !important; }
[data-theme="light"] .fc-about2-ptext strong { color: var(--head) !important; }
[data-theme="light"] .fc-about2-phone a { color: var(--head) !important; }
[data-theme="light"] .fc-about2-phone small { color: var(--text3) !important; }

/* ─ Services v3 cards light mode ─ */
[data-theme="light"] .fc-svc3-card { background: #fff !important; box-shadow: 0 4px 24px rgba(0,0,0,.07) !important; }
[data-theme="light"] .fc-svc3-card:hover { box-shadow: 0 22px 60px rgba(0,0,0,.13) !important; }
[data-theme="light"] .fc-svc3-title { color: var(--head) !important; }
[data-theme="light"] .fc-svc3-desc { color: var(--text2) !important; }

/* ─ Causes section light mode ─ */
[data-theme="light"] .causes-section-five { background: var(--bg2) !important; }
[data-theme="light"] .causes-section-five .cause-block-five .inner-box { background: #fff !important; border: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 4px 20px rgba(0,0,0,.07) !important; }
[data-theme="light"] .causes-section-five .lower-content h4 a { color: var(--head) !important; }
[data-theme="light"] .causes-section-five .lower-content .text { color: var(--text2) !important; }
[data-theme="light"] .causes-section-five .info-box a { color: var(--text2) !important; border-color: var(--border) !important; }
[data-theme="light"] .causes-section-five .info-box a span { color: var(--p1) !important; }

/* ─ Testimonial section light mode ─ */
[data-theme="light"] .testimonial-section-three { background: var(--bg) !important; }
[data-theme="light"] .testimonial-section-three .inner-box { background: #fff !important; border: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 4px 20px rgba(0,0,0,.07) !important; }
[data-theme="light"] .testimonial-section-three .author-info h5 { color: var(--head) !important; }
[data-theme="light"] .testimonial-section-three .author-info .designation { color: var(--text3) !important; }
[data-theme="light"] .testimonial-section-three .text { color: var(--text2) !important; }
[data-theme="light"] .testimonial-section-three .quote-icon { color: var(--p1) !important; opacity: .25 !important; }
[data-theme="light"] .testimonial-section-three .top-content h4 { color: var(--head) !important; }
[data-theme="light"] .testimonial-section-three .top-content .text { color: var(--text2) !important; }

/* ─ Blog section light mode ─ */
[data-theme="light"] .blog-section.style-two { background: var(--bg2) !important; }
[data-theme="light"] .news-block-one .inner-box { background: #fff !important; border: 1px solid rgba(0,0,0,.07) !important; box-shadow: 0 4px 20px rgba(0,0,0,.06) !important; }
[data-theme="light"] .news-block-one .lower-content h3 a { color: var(--head) !important; }
[data-theme="light"] .news-block-one .lower-content p { color: var(--text2) !important; }
[data-theme="light"] .news-block-one .post-meta a { color: var(--text3) !important; }
[data-theme="light"] .news-block-one .post-meta li { color: var(--text3) !important; }

/* ─ Team section light mode ─ */
[data-theme="light"] .team-block-five .inner-box { background: #fff !important; border: 1px solid rgba(0,0,0,.07) !important; box-shadow: 0 4px 20px rgba(0,0,0,.06) !important; }
[data-theme="light"] .team-block-five .lower-content h3 a { color: var(--head) !important; }
[data-theme="light"] .team-block-five .lower-content .designation { color: var(--text3) !important; }

/* ─ Section titles / sec-title in light mode ─ */
[data-theme="light"] .sec-title h5 { background: var(--p1l) !important; color: var(--p1d) !important; }
[data-theme="light"] .sec-title h1,[data-theme="light"] .sec-title h2 { color: var(--head) !important; }
[data-theme="light"] .sec-title .text,[data-theme="light"] .sec-title p { color: var(--text2) !important; }

/* ─ Donation CTA light mode ─ */
[data-theme="light"] .fc-dcta-badge { background: var(--p1l) !important; color: var(--p1d) !important; }
[data-theme="light"] .fc-dcta-title .hl { background: linear-gradient(135deg,#ea580c,#d97706) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
[data-theme="light"] .fc-dcta-amt { background: #fff !important; border-color: rgba(0,0,0,.10) !important; color: var(--head) !important; }
[data-theme="light"] .fc-dcta-amt:hover,[data-theme="light"] .fc-dcta-amt.active { background: var(--p1l) !important; border-color: var(--p1) !important; color: var(--p1d) !important; }
[data-theme="light"] .fc-dcta-form input { background: #fff !important; border-color: rgba(0,0,0,.12) !important; color: var(--head) !important; }
[data-theme="light"] .fc-dcta-stat .num { color: var(--p1) !important; -webkit-text-fill-color: var(--p1) !important; }
[data-theme="light"] .fc-dcta-stat .lbl { color: var(--text3) !important; }
[data-theme="light"] .fc-dcta-stat-label { color: var(--head) !important; }

/* ─ Causes stats bar light mode ─ */
[data-theme="light"] .fc-causes-stats { background: var(--g-btn) !important; }
[data-theme="light"] .fc-causes-stats .fc-causes-stat-item .num { -webkit-text-fill-color: #fff !important; color: #fff !important; }
[data-theme="light"] .fc-causes-stats .fc-causes-stat-item { color: rgba(255,255,255,.80) !important; }

/* ─ Newsletter perks light mode ─ */
[data-theme="light"] .fc-nl-perks li { color: rgba(255,255,255,.85) !important; }
[data-theme="light"] .fc-nl-perks li i { color: #fff !important; }
[data-theme="light"] .fc-nl-badge { background: rgba(255,255,255,.20) !important; color: #fff !important; }

/* ─ Gallery section light mode ─ */
[data-theme="light"] .gallery-section-two .gallery-block-two .inner-box { background: #fff !important; box-shadow: 0 4px 20px rgba(0,0,0,.08) !important; }

/* ─ Overall section separators & spacing for cleaner look ─ */
[data-theme="light"] .fc-svc3 { background: #fff7f0 !important; }
[data-theme="light"] .fc-about2 { background: var(--bg) !important; }
[data-theme="light"] .fc-about2-content-panel { background: var(--bg) !important; }

/* ════════════════════════════════════════════════════
   DARK-GRADIENT SECTIONS — PRESERVE IN BOTH THEMES
   ════════════════════════════════════════════════════ */

/* ── Newsletter bar (fc-nl3) ── */
.fc-nl3,
[data-theme="light"] .fc-nl3 { background: var(--g-btn) !important; }

/* ── Services page CTA ── */
.cta-section,
[data-theme="light"] .cta-section {
  background: var(--g-btn) !important;
}
[data-theme="light"] .cta-section h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
[data-theme="light"] .cta-section p {
  color: rgba(255,255,255,.85) !important;
  -webkit-text-fill-color: rgba(255,255,255,.85) !important;
}
[data-theme="light"] .cta-btn-secondary {
  color: #fff !important;
  border-color: rgba(255,255,255,.4) !important;
}
[data-theme="light"] .cta-btn-secondary:hover {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
}
[data-theme="light"] .cta-btn-primary {
  background: #fff !important;
  color: var(--p1d, #c2410c) !important;
}

/* ── Success Story CTA banner ── */
.ss-cta-banner,
[data-theme="light"] .ss-cta-banner {
  background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #059669 100%) !important;
}
[data-theme="light"] .ss-cta-banner h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
[data-theme="light"] .ss-cta-banner p {
  color: rgba(255,255,255,.85) !important;
  -webkit-text-fill-color: rgba(255,255,255,.85) !important;
}
[data-theme="light"] .ss-cta-banner .ss-btn-ghost,
[data-theme="light"] .ss-cta-banner .ss-btn-primary {
  color: #fff !important;
}
[data-theme="light"] .ss-cta-banner .ss-btn-ghost {
  border-color: rgba(255,255,255,.45) !important;
}
[data-theme="light"] .ss-cta-banner .ss-btn-ghost:hover {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
}
[data-theme="light"] .ss-cta-banner .ss-btn-primary {
  background: #fff !important;
  color: #064e3b !important;
}

/* ── Our Service Area — hero & CTA ── */
.sa-hero,
[data-theme="light"] .sa-hero {
  background: linear-gradient(160deg,#1e1b4b 0%,#312e81 20%,#4338ca 45%,#4f46e5 65%,#6366f1 100%) !important;
}
[data-theme="light"] .sa-hero h1 {
  background: linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#a78bfa 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
[data-theme="light"] .sa-hero p {
  color: rgba(255,255,255,.8) !important;
  -webkit-text-fill-color: rgba(255,255,255,.8) !important;
}
[data-theme="light"] .sa-hero-badge { color: #e0e7ff !important; }
[data-theme="light"] .sa-hero-bc a  { color: rgba(255,255,255,.75) !important; }
[data-theme="light"] .sa-hero-bc span { color: #c7d2fe !important; }

.sa-cta,
[data-theme="light"] .sa-cta {
  background: linear-gradient(160deg,#1e1b4b 0%,#312e81 30%,#4338ca 60%,#6366f1 100%) !important;
}
[data-theme="light"] .sa-cta h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
[data-theme="light"] .sa-cta p {
  color: rgba(255,255,255,.8) !important;
  -webkit-text-fill-color: rgba(255,255,255,.8) !important;
}
[data-theme="light"] .sa-cta-btn-ghost {
  color: #fff !important;
  border-color: rgba(255,255,255,.38) !important;
}
[data-theme="light"] .sa-cta-btn-ghost:hover {
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
}
[data-theme="light"] .sa-cta-btn-primary {
  background: #fff !important;
  color: #312e81 !important;
}

/* ── Service area stats cards — light theme ── */
[data-theme="light"] .sa-stat-card {
  background: #fff !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
}

/* ── Services-page stats strip — light theme ── */
[data-theme="light"] .svc-stat-strip {
  background: var(--g-btn) !important;
}
[data-theme="light"] .svc-stat-strip .svc-stat-number,
[data-theme="light"] .svc-stat-strip .svc-stat-label {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── Services process section — light theme ── */
[data-theme="light"] .svc-process-section { background: var(--bg2) !important; }
[data-theme="light"] .svc-process-card { background: #fff !important; border-color: rgba(0,0,0,.08) !important; }

/* ── Services why-us section — light theme ── */
[data-theme="light"] .svc-why-section { background: var(--bg) !important; }
[data-theme="light"] .svc-why-card { background: #fff !important; border-color: rgba(0,0,0,.08) !important; }

/* ── Services FAQ section — light theme ── */
[data-theme="light"] .svc-faq-section { background: var(--bg2) !important; }
[data-theme="light"] .svc-faq-item { background: #fff !important; border-color: rgba(0,0,0,.08) !important; }
[data-theme="light"] .svc-faq-question { color: var(--head) !important; }
[data-theme="light"] .svc-faq-answer  { color: var(--text2) !important; }

/* ── Impact section gradient — light theme ── */
[data-theme="light"] .svc-impact-section {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
}

/* ════════════════════════════════════════════════════
   SUCCESS STORY PAGE — HERO + STATS BAR LIGHT THEME
   ════════════════════════════════════════════════════ */
.ss-hero,
[data-theme="light"] .ss-hero {
  background: linear-gradient(160deg, #064e3b 0%, #065f46 25%, #047857 50%, #059669 80%, #10b981 100%) !important;
}
[data-theme="light"] .ss-hero h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 4px 20px rgba(0,0,0,.2) !important;
}
[data-theme="light"] .ss-hero-desc {
  color: rgba(255,255,255,.88) !important;
  -webkit-text-fill-color: rgba(255,255,255,.88) !important;
}
[data-theme="light"] .ss-hero-badge {
  color: #fff !important;
  background: rgba(255,255,255,.15) !important;
  border-color: rgba(255,255,255,.25) !important;
}
[data-theme="light"] .ss-hero .ss-btn-primary {
  background: #fff !important;
  color: #064e3b !important;
}
[data-theme="light"] .ss-hero .ss-btn-ghost {
  color: #fff !important;
  border-color: rgba(255,255,255,.45) !important;
}
[data-theme="light"] .ss-hero .ss-btn-ghost:hover {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
}

/* ── Our Service Area: Timeline + programs light theme ── */
[data-theme="light"] .sa-timeline::before {
  background: linear-gradient(180deg, var(--p1), var(--border)) !important;
  opacity: 1 !important;
}
[data-theme="light"] .sa-timeline-dot {
  background: var(--p1) !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 4px var(--p1l) !important;
}
[data-theme="light"] .sa-timeline-content {
  background: #fff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.07) !important;
}
[data-theme="light"] .sa-timeline-year { color: var(--p1) !important; }
[data-theme="light"] .sa-timeline-content h4 { color: var(--head) !important; }
[data-theme="light"] .sa-timeline-content p  { color: var(--text2) !important; }
[data-theme="light"] .sa-programs-section { background: var(--bg2) !important; }
[data-theme="light"] .sa-program-card { background: #fff !important; box-shadow: 0 4px 20px rgba(0,0,0,.06) !important; }
[data-theme="light"] .sa-state-card { background: #fff !important; box-shadow: 0 4px 20px rgba(0,0,0,.06) !important; }
[data-theme="light"] .sa-map-visual { background: #fff !important; box-shadow: 0 8px 40px rgba(0,0,0,.08) !important; }


/* ==================== GALLERY PAGE THEME FIXES ==================== */
[data-theme="dark"] .gallery-filter-bar {
    background: var(--card) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.25) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .media-type-filters {
    border-bottom-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .filter-btn {
    background: rgba(255,255,255,0.07) !important;
    color: #94a3b8 !important;
    border-color: transparent !important;
}
[data-theme="dark"] .filter-btn:hover {
    background: rgba(255,255,255,0.12) !important;
    color: #e2e8f0 !important;
}
[data-theme="dark"] .filter-label {
    color: #64748b !important;
}
[data-theme="dark"] .category-pill {
    background: rgba(255,255,255,0.06) !important;
    color: #94a3b8 !important;
    border-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .category-pill:hover {
    background: rgba(255,255,255,0.12) !important;
    color: #cbd5e1 !important;
    border-color: rgba(255,255,255,0.2) !important;
}
[data-theme="dark"] .category-pill.active {
    background: var(--p1) !important;
    color: #fff !important;
    border-color: var(--p1) !important;
}
[data-theme="dark"] .gallery-stats {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .gallery-stats > span {
    color: #94a3b8 !important;
}
[data-theme="dark"] .gallery-card {
    background: var(--card) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .gallery-card:hover {
    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .card-title {
    color: var(--head) !important;
}
[data-theme="dark"] .card-category {
    background: rgba(255,255,255,0.08) !important;
    color: #94a3b8 !important;
}
[data-theme="dark"] .card-desc {
    color: #64748b !important;
}
[data-theme="dark"] .placeholder-media {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    color: #475569 !important;
}
[data-theme="dark"] .empty-gallery-state {
    background: var(--card) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
}
[data-theme="dark"] .empty-gallery-state h3 {
    color: var(--head) !important;
}
[data-theme="dark"] .empty-gallery-state p {
    color: #64748b !important;
}
[data-theme="dark"] .empty-icon {
    background: rgba(255,255,255,0.05) !important;
}
[data-theme="dark"] .empty-icon i {
    color: #475569 !important;
}
[data-theme="dark"] .btn-reset-filters {
    background: var(--p1) !important;
}
[data-theme="dark"] .btn-reset-filters:hover {
    background: var(--p1) !important;
    opacity: 0.85;
}
/* Light theme gallery */
[data-theme="light"] .gallery-section {
    background: var(--bg) !important;
}
[data-theme="light"] .gallery-filter-bar {
    background: #ffffff !important;
}
[data-theme="light"] .gallery-card {
    background: #ffffff !important;
}
[data-theme="light"] .category-pill.active {
    background: #1e293b !important;
    color: #fff !important;
    border-color: #1e293b !important;
}

/* ==================== BLOG CTA — preserve dark bg in light theme ==================== */
[data-theme="light"] .blog-cta {
    background: linear-gradient(135deg, #020617 0%, #0f172a 60%, #1e1b4b 100%) !important;
}
[data-theme="light"] .blog-cta h2 { color: #ffffff !important; }
[data-theme="light"] .blog-cta p  { color: rgba(255,255,255,0.72) !important; }
[data-theme="light"] .btn-cta-primary {
    background: linear-gradient(135deg,#ea580c,#f472b6) !important;
    color: #fff !important;
}
[data-theme="light"] .btn-cta-outline {
    color: rgba(255,255,255,0.9) !important;
    border-color: rgba(255,255,255,0.45) !important;
    background: transparent !important;
}
[data-theme="light"] .btn-cta-outline:hover {
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
}

/* ==================== EVENTS CTA — preserve dark bg in light theme ==================== */
[data-theme="light"] .ev-cta {
    background: linear-gradient(135deg, #020617 0%, #0f172a 60%, #1e1b4b 100%) !important;
}
[data-theme="light"] .ev-cta h2 { color: #ffffff !important; }
[data-theme="light"] .ev-cta p  { color: rgba(255,255,255,0.72) !important; }
[data-theme="light"] .ev-btn-primary {
    background: linear-gradient(135deg,#6366f1,#8b5cf6) !important;
    color: #fff !important;
}
[data-theme="light"] .ev-btn-outline {
    color: rgba(255,255,255,0.9) !important;
    border-color: rgba(255,255,255,0.45) !important;
    background: transparent !important;
}
[data-theme="light"] .ev-btn-outline:hover {
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
}