/* ============================================================
   site-v16.css — Targeted UI fixes (v1.5.2)
   ============================================================ */

/* 1 & 4. Final CTA band (home + about, above footer) → white */
.cta-dark {
  background: #ffffff !important;
  color: #14213D !important;
  border-top: 1px solid rgba(20,33,61,0.08) !important;
}
.cta-dark::before, .cta-dark::after { display: none !important; }
.cta-dark h2 { color: #14213D !important; }
.cta-dark p  { color: #6B7280 !important; }
.cta-dark .eyebrow { color: #4F8EDC !important; }
.cta-dark .eyebrow::before { background: #4F8EDC !important; }
.cta-dark .btn.btn-primary { background: #4F8EDC !important; color: #ffffff !important; border-color: #4F8EDC !important; }
.cta-dark .btn.btn-primary:hover { background: #0058c5 !important; border-color: #0058c5 !important; }
.cta-dark .btn.btn-ghost-light,
.cta-dark .btn.btn-ghost {
  background: #ffffff !important;
  color: #14213D !important;
  border: 1.5px solid rgba(20,33,61,0.20) !important;
}
.cta-dark .btn.btn-ghost-light:hover,
.cta-dark .btn.btn-ghost:hover {
  border-color: #4F8EDC !important;
  color: #4F8EDC !important;
  background: #f5f6f8 !important;
}

/* 2. Jobs page hero (below header) → white */
.cj-page .hero,
section[style*="linear-gradient"][style*="navy"],
section[data-screen-label="01 Hero"] {
  background: #ffffff !important;
  color: #14213D !important;
}
/* Specifically target the jobs.php hero gradient (inline style) */
section[style*="var(--c-navy)"][style*="var(--c-navy-deep)"] {
  background: #ffffff !important;
  color: #14213D !important;
}
section[style*="var(--c-navy)"] > div[style*="radial-gradient"] { display: none !important; }
section[style*="var(--c-navy)"] .eyebrow { color: #4F8EDC !important; }
section[style*="var(--c-navy)"] .h1,
section[style*="var(--c-navy)"] h1 { color: #14213D !important; }
section[style*="var(--c-navy)"] .lede,
section[style*="var(--c-navy)"] p { color: #6B7280 !important; }

/* Global hero — make white too for any page using .hero */
.hero {
  background: #ffffff !important;
  color: #14213D !important;
  border-bottom: 1px solid rgba(20,33,61,0.06) !important;
}
.hero h1, .hero h2, .hero .h1, .hero .h2 { color: #14213D !important; }
.hero .lede, .hero p { color: #6B7280 !important; }
.hero-flank .label { color: #4F8EDC !important; }
.hero-flank .rule  { background: #4F8EDC !important; }
.hero .btn.btn-primary { background: #4F8EDC !important; color: #ffffff !important; border-color: #4F8EDC !important; }
.hero .btn.btn-primary:hover { background: #0058c5 !important; border-color: #0058c5 !important; }
.hero .btn.btn-ghost-light {
  background: #ffffff !important;
  color: #14213D !important;
  border: 1.5px solid rgba(20,33,61,0.20) !important;
}
.hero .btn.btn-ghost-light:hover {
  background: #f5f6f8 !important;
  border-color: #4F8EDC !important;
  color: #4F8EDC !important;
}

/* 3. Remove floating Corrigent Staff button completely */
.footer-admin-btn,
a.footer-admin-btn,
.cj-admin-fab {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 5. Dashboard sidebar → white with proper contrast */
.dash-sidebar {
  background: #ffffff !important;
  color: #14213D !important;
  border-right: 1px solid rgba(20,33,61,0.08) !important;
  box-shadow: 1px 0 3px rgba(20,33,61,0.03) !important;
}
.dash-sidebar .brand { border-bottom: 1px solid rgba(20,33,61,0.08) !important; }
.dash-sidebar .brand .name { color: #14213D !important; }
.dash-sidebar .brand .role { color: #4F8EDC !important; }
.dash-sidebar .brand img { background: #ffffff !important; border: 1px solid rgba(20,33,61,0.08) !important; }

.dash-sidebar .section-label { color: #6B7280 !important; }
.dash-sidebar nav a {
  color: #14213D !important;
  background: transparent !important;
}
.dash-sidebar nav a:hover {
  background: #f5f6f8 !important;
  color: #4F8EDC !important;
}
.dash-sidebar nav a.is-active {
  background: #4F8EDC !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px -4px rgba(79,142,220,0.5) !important;
}
.dash-sidebar nav a.is-active .ic { color: #ffffff !important; }
.dash-sidebar nav a .ic { color: #6B7280 !important; }
.dash-sidebar nav a:hover .ic { color: #4F8EDC !important; }
.dash-sidebar nav a .badge {
  background: rgba(79,142,220,0.10) !important;
  color: #4F8EDC !important;
}
.dash-sidebar nav a.is-active .badge {
  background: rgba(255,255,255,0.25) !important;
  color: #ffffff !important;
}
.dash-sidebar .foot { border-top: 1px solid rgba(20,33,61,0.08) !important; }
.dash-sidebar .foot a { color: #6B7280 !important; }
.dash-sidebar .foot a:hover { color: #4F8EDC !important; }
