/* ============================================
   JC Hendricks — Heading Color Fixes
   Ensures all headings are readable on dark backgrounds
   ============================================ */

/* All headings — guaranteed white */
h1, h2, h3, h4, h5, h6,
.intro-h2,
.process-h,
.cta-h,
.page-h1,
.page-h1 a,
.about-h1,
.about-h2,
.contact-h1,
.contact-h,
.service-name,
.sector-name,
.engagement-title,
.case-h1,
.card-title,
.next-prev-title,
.bio-text h2,
.hero-h1,
.stat-cell-num,
.step-title,
.form-intro h2,
.process-intro h2,
.footer-logo,
.nav-logo {
  color: #E8F4FF !important;
}

/* Accent words inside headings stay cyan */
h1 em, h2 em, h3 em,
.intro-h2 em,
.cta-h em,
.page-h1 em,
.hero-h1 em,
.about-h1 em,
.contact-h em,
.contact-h1 em {
  color: #00C8FF !important;
  font-style: normal;
}

/* Body text — readable muted light blue */
p, li, .card-desc, .step-desc, .service-detail p,
.sector-desc, .engagement-desc, .bio-text p,
.case-text p, .form-intro p, .faq-a, .page-sub,
.hero-body, .process-sub, .contact-sub {
  color: rgba(180, 215, 235, 0.75) !important;
}

/* Muted labels and meta text */
.card-client, .card-stat-label, .stat-cell-label,
.case-meta-value, .next-prev-label, .clients-section-title,
.sector-clients, .engagement-best, .form-note,
.footer-copy, .bio-contact-label {
  color: rgba(180, 215, 235, 0.5) !important;
}

/* Keep accent color on accent elements */
.eyebrow, .card-sector span, .service-number,
.step-num, .work-all, .back-link,
.card-stat-num, .skill-group-title,
.direct-link-arrow, label {
  color: #00C8FF !important;
}

/* Nav links */
.nav-links a { color: rgba(180, 215, 235, 0.45) !important; }
.nav-links a:hover, .nav-links a.active { color: #E8F4FF !important; }

/* ── Next/prev nav — always dark ── */
.next-prev-item {
  background: #0D1318 !important;
}
.next-prev-item:hover {
  background: #111920 !important;
}
.next-prev-title {
  color: #E8F4FF !important;
}

/* ══ CASE STUDY META — MAXIMUM SPECIFICITY OVERRIDES ══ */
.case-hero-content .case-meta-label,
div.case-meta-label,
.case-meta-label {
  color: #00C8FF !important;
  opacity: 1 !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.9) !important;
}

.case-hero-content .case-meta-value,
div.case-meta-value,
.case-meta-value {
  color: #ffffff !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.95) !important;
}