/* ===================================================== HEFNER BANKING — GLOBAL DARK MODE Activated by [data-theme="dark"] on Covers: index (hp-), about (ab-), personal-banking (pb-), business-banking (bb-), contact (ct-), loans-credits (lc-), cards (cd-), grants-aids (ga-) ===================================================== */ /* ───────────────────────────────────────────────────── BODY & BASE ───────────────────────────────────────────────────── */ [data-theme="dark"] body { background: #141424; color: rgba(255,255,255,0.82); } /* ───────────────────────────────────────────────────── HOMEPAGE (hp-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .hp-rates-section, [data-theme="dark"] .hp-about-section, [data-theme="dark"] .hp-contact-strip { background: #141424; } [data-theme="dark"] .hp-services-section, [data-theme="dark"] .hp-app-section { background: #1a1a2e; } [data-theme="dark"] .hp-rate-card { background: #1e1e38 !important; border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .hp-rate-card:hover { background: #252545 !important; border-color: rgba(201,168,76,0.3) !important; } [data-theme="dark"] .hp-section-title, [data-theme="dark"] .hp-rate-title, [data-theme="dark"] .hp-service-title, [data-theme="dark"] .hp-contact-item-title { color: #f0f0f0; } [data-theme="dark"] .hp-section-sub, [data-theme="dark"] .hp-rate-desc, [data-theme="dark"] .hp-service-desc, [data-theme="dark"] .hp-contact-item-val { color: rgba(255,255,255,0.5); } [data-theme="dark"] .hp-service-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .hp-service-card:hover { border-color: rgba(201,168,76,0.3); background: #222244; } [data-theme="dark"] .hp-rates-grid { background: rgba(255,255,255,0.04); } /* About section on homepage */ [data-theme="dark"] .hp-about-text-title { color: #f0f0f0; } [data-theme="dark"] .hp-about-text-body { color: rgba(255,255,255,0.55); } [data-theme="dark"] .hp-feature-row { border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .hp-feature-label { color: #f0f0f0; } [data-theme="dark"] .hp-feature-desc { color: rgba(255,255,255,0.5); } /* App section on homepage */ [data-theme="dark"] .hp-app-title { color: #f0f0f0; } [data-theme="dark"] .hp-app-desc { color: rgba(255,255,255,0.5); } [data-theme="dark"] .hp-app-feat-label { color: #f0f0f0; } [data-theme="dark"] .hp-app-feat-desc { color: rgba(255,255,255,0.45); } /* Contact strip on homepage */ [data-theme="dark"] .hp-contact-icon-wrap { background: rgba(201,168,76,0.08); } [data-theme="dark"] .hp-contact-item-hint { color: rgba(255,255,255,0.35); } /* ───────────────────────────────────────────────────── ABOUT (ab-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .ab-mission, [data-theme="dark"] .ab-cta { background: #141424; } [data-theme="dark"] .ab-values { background: #1a1a2e; } [data-theme="dark"] .ab-mission-title, [data-theme="dark"] .ab-section-title, [data-theme="dark"] .ab-cta-title, [data-theme="dark"] .ab-value-title, [data-theme="dark"] .ab-tl-title { color: #f0f0f0; } [data-theme="dark"] .ab-mission-body, [data-theme="dark"] .ab-section-sub, [data-theme="dark"] .ab-cta-sub, [data-theme="dark"] .ab-value-desc, [data-theme="dark"] .ab-tl-desc { color: rgba(255,255,255,0.5); } [data-theme="dark"] .ab-stat-lbl { color: rgba(255,255,255,0.4); } [data-theme="dark"] .ab-value-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .ab-value-card:hover { border-color: rgba(201,168,76,0.3); } [data-theme="dark"] .ab-btn-navy { color: #c9a84c; border-color: #c9a84c; } [data-theme="dark"] .ab-btn-navy:hover { background: #c9a84c; color: #1a1a2e; } [data-theme="dark"] .ab-mission-stats { border-color: rgba(255,255,255,0.08); } /* ───────────────────────────────────────────────────── PERSONAL BANKING (pb-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .pb-accounts { background: #141424; } [data-theme="dark"] .pb-digital { background: #1a1a2e; } [data-theme="dark"] .pb-hero::after { background: #141424; } [data-theme="dark"] .pb-section-title, [data-theme="dark"] .pb-account-title, [data-theme="dark"] .pb-feature-title { color: #f0f0f0; } [data-theme="dark"] .pb-section-sub, [data-theme="dark"] .pb-account-desc, [data-theme="dark"] .pb-feature-desc { color: rgba(255,255,255,0.45); } [data-theme="dark"] .pb-account-features li { color: rgba(255,255,255,0.45); } [data-theme="dark"] .pb-account-link { color: rgba(255,255,255,0.8); } [data-theme="dark"] .pb-account-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .pb-account-card:hover { border-color: rgba(201,168,76,0.3); } [data-theme="dark"] .pb-feature-item { background: #1e1e38; border-color: rgba(255,255,255,0.05); } [data-theme="dark"] .pb-feature-item:hover { border-color: rgba(201,168,76,0.3); background: #222244; } /* ───────────────────────────────────────────────────── BUSINESS BANKING (bb-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .bb-services { background: #1a1a2e; } [data-theme="dark"] .bb-why { background: #141424; } [data-theme="dark"] .bb-cta { background: #141424; } [data-theme="dark"] .bb-hero::after { background: #1a1a2e; } [data-theme="dark"] .bb-section-title, [data-theme="dark"] .bb-service-title, [data-theme="dark"] .bb-why-title { color: #f0f0f0; } [data-theme="dark"] .bb-section-sub, [data-theme="dark"] .bb-service-desc, [data-theme="dark"] .bb-why-desc { color: rgba(255,255,255,0.45); } [data-theme="dark"] .bb-service-features li { color: rgba(255,255,255,0.45); } [data-theme="dark"] .bb-service-features { border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .bb-service-link { color: rgba(255,255,255,0.8); } [data-theme="dark"] .bb-service-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .bb-service-card:hover { border-color: rgba(201,168,76,0.3); } [data-theme="dark"] .bb-why-item { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .bb-why-item:hover { border-color: rgba(201,168,76,0.3); } /* ───────────────────────────────────────────────────── CONTACT (ct-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .ct-main { background: #141424; } [data-theme="dark"] .ct-form-card, [data-theme="dark"] .ct-sidebar-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); box-shadow: 0 4px 32px rgba(0,0,0,0.3); } [data-theme="dark"] .ct-form-title, [data-theme="dark"] .ct-sidebar-title { color: #f0f0f0; } [data-theme="dark"] .ct-form-sub, [data-theme="dark"] .ct-sidebar-sub { color: rgba(255,255,255,0.45); } [data-theme="dark"] .ct-form-group label { color: rgba(255,255,255,0.7); } [data-theme="dark"] .ct-form-group input, [data-theme="dark"] .ct-form-group select, [data-theme="dark"] .ct-form-group textarea { background: #252545; border-color: rgba(255,255,255,0.08); color: #f0f0f0; } [data-theme="dark"] .ct-form-group input:focus, [data-theme="dark"] .ct-form-group select:focus, [data-theme="dark"] .ct-form-group textarea:focus { background: #2a2a50; border-color: #c9a84c; } [data-theme="dark"] .ct-form-group input::placeholder, [data-theme="dark"] .ct-form-group textarea::placeholder { color: rgba(255,255,255,0.2); } /* Sidebar support cards */ [data-theme="dark"] .ct-support-item { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .ct-support-title { color: #f0f0f0; } [data-theme="dark"] .ct-support-desc { color: rgba(255,255,255,0.45); } /* FAQ accordion */ [data-theme="dark"] .ct-faq-item { border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .ct-faq-q { color: #f0f0f0; } [data-theme="dark"] .ct-faq-a { color: rgba(255,255,255,0.5); } /* ───────────────────────────────────────────────────── LOANS & CREDITS (lc-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .lc-how-section { background: #141424; } [data-theme="dark"] .lc-rates-section { background: #1a1a2e; } [data-theme="dark"] .lc-section-title, [data-theme="dark"] .lc-loan-title, [data-theme="dark"] .lc-step-title { color: #f0f0f0; } [data-theme="dark"] .lc-section-sub, [data-theme="dark"] .lc-loan-desc, [data-theme="dark"] .lc-step-desc { color: rgba(255,255,255,0.45); } [data-theme="dark"] .lc-loan-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .lc-loan-card:hover { border-color: rgba(201,168,76,0.3); } [data-theme="dark"] .lc-loan-meta { border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .lc-loan-meta-val { color: #f0f0f0; } [data-theme="dark"] .lc-loan-meta-lbl { color: rgba(255,255,255,0.35); } /* Rates table */ [data-theme="dark"] .lc-rates-table th { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .lc-rates-table td { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.04); } [data-theme="dark"] .lc-rates-table tr:hover td { background: rgba(201,168,76,0.04); } /* Process steps */ [data-theme="dark"] .lc-step-card { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.06); } /* ───────────────────────────────────────────────────── CARDS (cd-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .cd-section { background: #1a1a2e; } [data-theme="dark"] .cd-cta-section { background: #141424; } [data-theme="dark"] .cd-section-title, [data-theme="dark"] .cd-product-name, [data-theme="dark"] .cd-cta-title { color: #f0f0f0; } [data-theme="dark"] .cd-section-sub, [data-theme="dark"] .cd-product-desc, [data-theme="dark"] .cd-cta-sub { color: rgba(255,255,255,0.45); } [data-theme="dark"] .cd-product-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .cd-product-card:hover { border-color: rgba(201,168,76,0.3); } [data-theme="dark"] .cd-product-features li { color: rgba(255,255,255,0.5); } [data-theme="dark"] .cd-product-features { border-color: rgba(255,255,255,0.06); } /* ───────────────────────────────────────────────────── GRANTS & AIDS (ga-) ───────────────────────────────────────────────────── */ [data-theme="dark"] .ga-eligibility, [data-theme="dark"] .ga-process-section { background: #141424; } [data-theme="dark"] .ga-section-title, [data-theme="dark"] .ga-program-name, [data-theme="dark"] .ga-elig-title, [data-theme="dark"] .ga-step-title { color: #f0f0f0; } [data-theme="dark"] .ga-section-sub, [data-theme="dark"] .ga-program-desc, [data-theme="dark"] .ga-elig-desc, [data-theme="dark"] .ga-step-desc { color: rgba(255,255,255,0.45); } [data-theme="dark"] .ga-program-card { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .ga-program-card:hover { border-color: rgba(201,168,76,0.3); } [data-theme="dark"] .ga-elig-item { background: #1e1e38; border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .ga-program-features li { color: rgba(255,255,255,0.5); } [data-theme="dark"] .ga-program-amount { color: #c9a84c; } [data-theme="dark"] .ga-step-card { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.06); } /* ───────────────────────────────────────────────────── FOOTER (hfn-footer-) (already has dark styles in footer.php but this catches any gaps via the body background override) ───────────────────────────────────────────────────── */ [data-theme="dark"] .hfn-footer-bottom { background: #0d0d1a; } /* ───────────────────────────────────────────────────── SMOOTH TRANSITION — only section backgrounds & text (avoids clobbering component-level hover transitions) ───────────────────────────────────────────────────── */ section, .ct-main, .ct-form-card, .ct-sidebar-card, .lc-loan-card, .lc-rates-table, .cd-product-card, .ga-program-card, .ga-elig-item, .hp-rate-card, .hp-service-card, .ab-value-card, .pb-account-card, .pb-feature-item, .bb-service-card, .bb-why-item { transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }