/* Health for Migrant Workers redesign layer (2026-09-19). Matches the Signature / WC / Bond redesign:
   royal blue + neon green, white nav, clean cards, no slanted dividers, sentence-case type.
   Linked on every page (index.html is the generator template, so state/ES/HT pages inherit it).
   Rollback: remove the <link href="/assets/redesign.css?v=N"> tag. Bump ?v= on every edit. */
:root { --hx-royal:#1240AB; --hx-royal2:#1d4ed8; --hx-navy:#0b1f3a; --hx-neon:#39FF14; --hx-soft:#f2f6ff; --hx-line:#e3eaf6; }

body { font-family: 'Plus Jakarta Sans', 'Source Sans 3', system-ui, sans-serif !important; }
h1, h2, h3, h4, .section-title, .hero-title, .agents-title, .nav-logo, .footer-logo { font-family: 'Plus Jakarta Sans', 'Oswald', sans-serif !important; letter-spacing: -.01em !important; text-transform: none !important; }
h1, .hero-title { font-weight: 800 !important; }
.section-title, h2 { font-weight: 800 !important; }

/* --- nav: white bar --- */
#navbar { background: #fff !important; border-bottom: 1px solid var(--hx-line) !important; box-shadow: 0 2px 12px rgba(11,31,58,.06); backdrop-filter: none !important; }
#navbar .trust-strip { background: var(--hx-navy) !important; color: #fff !important; }
#navbar .nav-logo { color: var(--hx-navy) !important; font-weight: 800 !important; }
#navbar .nav-logo span { color: #1fae00 !important; }
#navbar .nav-links a { color: var(--hx-navy) !important; }
#navbar .nav-links a:hover { color: var(--hx-royal2) !important; }
#navbar .lang-toggle { background: var(--hx-royal) !important; color: #fff !important; border-color: var(--hx-royal) !important; }
#navbar .nav-call { border-radius: 10px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; }
.hamburger span { background: var(--hx-navy) !important; }
.mobile-menu { background: #fff !important; }
.mobile-menu a { color: var(--hx-navy) !important; border-bottom-color: var(--hx-line) !important; }
nav[aria-label="Breadcrumb"][style] { background: var(--hx-soft) !important; border-bottom: 1px solid var(--hx-line) !important; }
nav[aria-label="Breadcrumb"][style] a, nav[aria-label="Breadcrumb"][style] span { color: var(--hx-navy) !important; }

/* --- heroes --- */
#hero { min-height: auto !important; padding: 9rem 0 5rem !important; background: linear-gradient(120deg, var(--hx-royal) 0%, #0d2a6e 60%, var(--hx-royal2) 100%) !important; }
@media (min-width: 900px) {
  #hero { background: linear-gradient(90deg, rgba(13,42,110,.97) 0%, rgba(18,64,171,.93) 50%, rgba(18,64,171,.12) 100%), url('/assets/hero-health.webp') right center / auto 100% no-repeat, #0d2a6e !important; }
}
#hero::after, #how::before, #how::after, #signup::before, #signup::after { display: none !important; }
#hero .hero-title .free-word { text-shadow: none !important; }
header.hero { background: linear-gradient(120deg, var(--hx-royal) 0%, #0d2a6e 60%, var(--hx-royal2) 100%) !important; border-bottom: 5px solid var(--hx-neon); }
header.hero h1 { color: #fff !important; }

/* --- buttons --- */
.btn-neon, .cta, .nav-call, .float-enroll { font-family: 'Plus Jakarta Sans', sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; border-radius: 10px !important; }
.btn-neon { box-shadow: 0 6px 18px rgba(57,255,20,.35) !important; }
.float-enroll { border-radius: 999px !important; }
.badge { font-family: 'Plus Jakarta Sans', sans-serif !important; letter-spacing: .1em !important; }

/* --- sections --- */
#stats { background: var(--hx-soft) !important; }
.stat-card { border-radius: 14px !important; border: 1px solid var(--hx-line); }
.stat-value { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 800 !important; }
#agents { background: var(--hx-navy) !important; }
#how, #signup, #contact { background: linear-gradient(120deg, var(--hx-navy) 0%, var(--hx-royal) 100%) !important; }
.benefit-card, .faq-item, .contact-card, .step-card { border-radius: 14px !important; }
.benefit-card { background: #fff !important; border: 1px solid var(--hx-line); border-left: 4px solid var(--hx-royal) !important; box-shadow: 0 4px 18px rgba(11,31,58,.06); }
.faq-item { border-left: 4px solid var(--hx-neon) !important; }
.faq-q, .benefit-card h3, .step-card h3, .contact-card h3, .contact-card a { font-family: 'Plus Jakarta Sans', sans-serif !important; }
#faq, #eligibility { background: var(--hx-soft) !important; }
.signup-form-wrap { border-radius: 16px !important; }

/* --- standalone article pages --- */
main h2 { color: var(--hx-navy); }
main h2::after { content: ""; display: block; width: 56px; height: 4px; border-radius: 4px; background: var(--hx-neon); margin-top: 10px; }
table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--hx-line); border-radius: 12px; overflow: hidden; }
th { background: var(--hx-navy) !important; color: #fff !important; }

/* --- footer --- */
footer { background: var(--hx-navy) !important; }

/* v2 fixes */
#agents .agents-title, #agents .agent-tag, .agents-eyebrow { font-family: "Plus Jakarta Sans", sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 800 !important; }
main h2 { border-bottom: 0 !important; padding-bottom: 0 !important; }

/* 2026-09-19: Health for Migrant Workers badge logo in front of the header + footer wordmark */
.nav-logo::before, .footer-logo::before { content: ""; display: inline-block; flex: none; width: 50px; height: 54px; margin-right: 10px; background: url("/assets/health-logo.webp") center / contain no-repeat; vertical-align: middle; }
.footer-logo { display: flex; align-items: center; }
@media (max-width: 640px) { .nav-logo::before { width: 40px; height: 44px; } }