/* ============================================================
   SusuFlex — Light Theme Patch
   Loaded last: overrides fin-premium.css + origin-upgrade.css
   Light mode only — no shadows, clean white backgrounds
   ============================================================ */

/* ── Navbar: clean white ── */
.navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
}
.navbar.scrolled {
    background: #ffffff !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09) !important;
}
.logo { color: #1e293b !important; }
.logo-word { color: #1e293b !important; }
.nav-links a { color: #475569 !important; }
.nav-links a:hover { color: #1e293b !important; }
.nav-links a::after { background: #2563eb !important; }
.nav-dropdown-trigger { color: #475569 !important; }
.nav-dropdown-trigger:hover { color: #1e293b !important; }
.mobile-menu-btn { color: #374151 !important; }
.nav-dropdown-menu {
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: none !important;
}
.nav-dropdown-menu a { color: #475569 !important; }
.nav-dropdown-menu a:hover { background: #f8fafc !important; color: #1e293b !important; }
.nav-dropdown-menu a i { color: #6b7280 !important; }
.nav-dropdown-menu a:hover i { color: #2563eb !important; }

/* ── All major page sections: transparent ── */
.hero,
.how-it-works,
.features,
.testimonials,
.use-cases-section,
.susu-explainer,
.partners-section,
.app-preview-section,
.faq-section,
.trust-badges-section,
.trust-section-inline,
.team-section,
.calculator-section,
.roadmap-section,
.social-proof-stats,
.stats-section,
.mega-cta,
.fin-logo-bar,
.security-section,
.investors-section,
.bento-features,
.testimonials-section,
.pricing-section {
    background: transparent !important;
    box-shadow: none !important;
}

/* ── Hero elements: clean white, no shadows ── */
.hero-subtitle { color: #4b5563 !important; }
.hero-stat {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
}
.stat-context { color: #6b7280 !important; }
.hero-badge {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: none !important;
    color: #374151 !important;
}
.trust-item {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: none !important;
    color: #374151 !important;
}
.trust-item:hover {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}
.trust-item i { color: #f26522 !important; }

/* ── Btn-outline: clean border, no shadow ── */
.btn-outline {
    color: #1e293b !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
.btn-outline:hover {
    border-color: rgba(0, 0, 0, 0.35) !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

/* ── Section headings: dark ── */
.explainer-heading,
.section-title,
.section-heading,
.section-heading-dark,
.how-it-works h2,
.calculator-section h2,
.faq-section h2,
.trust-pillars h2,
.money-flow-title,
.timeline-title,
.partners-section h2,
.features h2,
.testimonials h2 {
    color: #0f172a !important;
}
.section-label,
.section-subtitle,
.section-badge {
    color: #6b7280 !important;
    border-color: rgba(0, 0, 0, 0.09) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* ── Cards: solid white, no shadow ── */
.glass,
.glass-card,
.feature-card,
.testimonial-card,
.use-case-card,
.team-card,
.roadmap-item,
.faq-item,
.highlight-card,
.partner-card,
.input-card,
.result-card,
.feature-request-card,
.calculator-card,
.stat-card-item,
.trust-card,
.pricing-card,
.bento-card,
.blog-card,
.press-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
    color: #1e293b !important;
}

/* ── Primary button: no glow shadow ── */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    box-shadow: none !important;
}

/* (Global shadow removal moved to css/flat-pages.css — loaded by
   content subpages only, so the homepage can use depth effects.) */

/* ── Logo / partner bar ── */
.fin-logo-bar__label { color: #6b7280 !important; }
.fin-logo-bar__item i,
.fin-logo-bar__item span { color: #374151 !important; }
.fin-logo-bar { border-color: rgba(0, 0, 0, 0.07) !important; }

/* ── Stats bar ── */
.stat-number { color: #0f172a !important; }
.stat-label { color: #6b7280 !important; }

/* ── Mobile menu ── */
.mobile-menu {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: none !important;
}
.mobile-menu-links a { color: #374151 !important; }
.mobile-menu-header { border-color: rgba(0, 0, 0, 0.08) !important; }

/* ── Footer stays dark ── */
.footer { background: #111827 !important; }
.cookie-consent { background: #111827 !important; }

/* ── Theme toggle hidden ── */
.theme-toggle { display: none !important; }

/* ── CTA section: always dark gradient so white text is readable ── */
.cta-section {
    background: linear-gradient(135deg, #1d4ed8 0%, #7c3aed 100%) !important;
    box-shadow: none !important;
}
.cta-content h2,
.cta-content > p,
.cta-section h2,
.cta-section > .container > h2,
.cta-section > .container > p {
    color: #ffffff !important;
}
.cta-content > p,
.cta-section p:not(.cta-note) {
    opacity: 1 !important;
}
.cta-note {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ── Dark-gradient page heroes: keep text white, not gray ── */
.investor-hero .hero-subtitle,
.investor-hero p,
.investor-hero .section-badge,
.section-investor-cta h2,
.section-investor-cta p {
    color: rgba(255, 255, 255, 0.95) !important;
}
.investor-hero h1,
.investor-hero h2 {
    color: #ffffff !important;
}