/*
 * navy-theme.css  –  Global navy+white overrides applied site-wide.
 * Overrides surface colours in base.css, pages.css, navigation.css, hero.css.
 */

/* ── Page base ─────────────────────────────────────────────────────────── */
body {
  background-color: var(--navy-deepest) !important;
  color: var(--white-90) !important;
}

/* ── Utility backgrounds ───────────────────────────────────────────────── */
.bg-light, .bg-cream, .bg-paper { background-color: var(--navy-dark) !important; }
.bg-dark { background-color: var(--navy-deepest) !important; }

/* ── Navigation ────────────────────────────────────────────────────────── */
.site-header, .site-header.scrolled {
  background-color: rgba(5,10,30,0.95) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--navy-border) !important;
}
.nav-link, .nav-link:visited { color: var(--white-70) !important; }
.nav-link:hover, .nav-link.active { color: var(--white) !important; }
.mobile-menu { background-color: var(--navy-dark) !important; }

/* ── Headings ──────────────────────────────────────────────────────────── */
h1, h2, h3, h4 { color: var(--white) !important; }

/* ── Body text ─────────────────────────────────────────────────────────── */
p, li, span { color: var(--white-70); }

/* ── Buttons – primary ─────────────────────────────────────────────────── */
.btn-primary, .btn-cta-large, .btn-cta-dark {
  background-color: var(--accent) !important;
  color: var(--white) !important;
  border: none !important;
  box-shadow: 0 4px 24px var(--accent-glow) !important;
}
.btn-primary:hover, .btn-cta-large:hover, .btn-cta-dark:hover {
  background-color: var(--accent-hover) !important;
  color: var(--white) !important;
}

/* ── Buttons – outline / ghost ─────────────────────────────────────────── */
.btn-outline, .btn-cta-ghost {
  color: var(--white-80) !important;
  border-color: var(--navy-border) !important;
}
.btn-outline:hover, .btn-cta-ghost:hover {
  background-color: var(--white-08) !important;
  color: var(--white) !important;
}

/* ── Inline underline text links ───────────────────────────────────────── */
a[style*="border-bottom"] {
  color: var(--white-90) !important;
  border-color: var(--white-20) !important;
}
a[style*="border-bottom"]:hover {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}

/* ── Cards ─────────────────────────────────────────────────────────────── */
.card, .service-card-v3, .process-card {
  background-color: var(--navy-mid) !important;
  border-color: var(--navy-border) !important;
}

/* ── Section labels / badges / eyebrows ────────────────────────────────── */
.section-label, .badge, .badge-eyebrow { color: var(--accent) !important; }
.section-label-light { color: rgba(59,130,246,0.85) !important; }
.badge-eyebrow {
  background: var(--accent-light) !important;
  border-color: rgba(59,130,246,0.3) !important;
}

/* ── Brass rules → blue rules ──────────────────────────────────────────── */
.brass-rule { background-color: var(--accent) !important; }
[style*="background-color: var(--brass-accent)"],
[style*="color: var(--brass-accent)"] {
  background-color: var(--accent) !important;
  color: var(--accent) !important;
}
/* Inline brass-accent colours (icons, chapter numbers, check icons) */
i[style*="var(--brass-accent)"] { color: var(--accent) !important; }

/* ── Value stack ────────────────────────────────────────────────────────── */
.value-stack-v3 li { color: var(--white-90) !important; border-color: var(--navy-border) !important; }
.check-icon { background-color: var(--accent-light) !important; border-color: rgba(59,130,246,0.3) !important; }
.check-icon i { color: var(--accent) !important; }

/* ── Stats ──────────────────────────────────────────────────────────────── */
.stat-block { background: var(--white-08) !important; border-color: rgba(59,130,246,0.2) !important; }
.stat-block .stat-number { color: var(--accent) !important; }
.stat-block .stat-label { color: var(--white-50) !important; }

/* ── Process cards ─────────────────────────────────────────────────────── */
.process-card { border-top-color: var(--accent) !important; }
.step-icon {
  background: var(--accent-light) !important;
  border-color: rgba(59,130,246,0.3) !important;
}
.step-icon i { color: var(--accent) !important; }

/* ── Service cards ─────────────────────────────────────────────────────── */
.service-card-v3 .svc-icon { color: var(--accent) !important; }

/* ── Trust strip ────────────────────────────────────────────────────────── */
.trust-strip { background-color: var(--navy-mid) !important; border-color: var(--navy-border) !important; }
.trust-item { color: var(--white-90) !important; }
.trust-item i { color: var(--accent) !important; }

/* ── Guarantee panel ────────────────────────────────────────────────────── */
.guarantee-panel {
  background: linear-gradient(135deg, var(--navy-deepest) 0%, var(--navy-dark) 100%) !important;
  border-color: rgba(59,130,246,0.25) !important;
}
.guarantee-shield { background: var(--accent-light) !important; border-color: rgba(59,130,246,0.35) !important; }
.guarantee-shield i { color: var(--accent) !important; }

/* ── Announcement bar ───────────────────────────────────────────────────── */
.announcement-bar {
  background-color: var(--accent) !important;
  color: var(--white) !important;
}
.announcement-bar a { color: var(--white) !important; text-decoration: underline; }

/* ── FAQ ────────────────────────────────────────────────────────────────── */
.faq-v3 { border-top-color: var(--navy-border) !important; }
.faq-v3-item { border-bottom-color: var(--navy-border) !important; }
.faq-v3-item h3 { color: var(--white) !important; }
.faq-v3-item h3::after { color: var(--accent) !important; }
.faq-v3-item p { color: var(--white-70) !important; }

/* ── Urgency badge ──────────────────────────────────────────────────────── */
.urgency-badge { background: var(--accent-light) !important; border-color: rgba(59,130,246,0.3) !important; color: var(--accent) !important; }
.urgency-badge::before { background-color: var(--accent) !important; }

/* ── Founder quote ──────────────────────────────────────────────────────── */
.founder-quote { border-left-color: var(--accent) !important; color: var(--white-90) !important; }

/* ── Footer ─────────────────────────────────────────────────────────────── */
.site-footer { background-color: #020818 !important; color: var(--white-70) !important; }
.footer-logo { color: var(--white) !important; }
.footer-links a { color: var(--white-70) !important; }
.footer-links a:hover { color: var(--accent) !important; }
.footer-bottom { border-top-color: var(--navy-border) !important; color: var(--white-50) !important; }
.social-icons a { color: var(--white-70) !important; }
.social-icons a:hover { color: var(--accent) !important; }

/* ── WhatsApp float button stays green ─────────────────────────────────── */
.whatsapp-btn { background-color: #25D366 !important; }

/* ── Borders inherited from old palette ─────────────────────────────────── */
[style*="1px solid var(--brass-accent)"],
[style*="2px solid var(--brass-accent)"],
[style*="3px solid var(--brass-accent)"] {
  border-color: rgba(59,130,246,0.3) !important;
}