/* EACC site fixes: hero gap, centered heroes, readable nav dropdowns */

/* —— Remove white strip above / inside heroes —— */
body.eacc-inner-site {
  margin: 0;
}

body.eacc-inner-site main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.eacc-inner-site main > section:first-child {
  margin-top: 0 !important;
}

body.eacc-inner-site .page-hero,
body.eacc-inner-site .contact-hero,
body.eacc-inner-site .course-hero,
body.eacc-inner-site .legal-hero,
body.eacc-inner-site .testing-hero,
body.eacc-inner-site main > section.hero {
  margin-top: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: clamp(360px, 52vh, 580px) !important;
  padding: clamp(128px, 14vw, 156px) clamp(16px, 4vw, 24px) clamp(64px, 8vw, 88px) !important;
}

/* Override legacy index hero + generic section padding on heroes */
body.eacc-inner-site section.hero,
body.eacc-inner-site main > section.hero {
  padding-top: clamp(128px, 14vw, 156px) !important;
  align-items: center !important;
  min-height: clamp(360px, 52vh, 580px) !important;
}

/* —— Centered hero copy (our-story / visit-our-centre style) —— */
body.eacc-inner-site .page-hero .container,
body.eacc-inner-site .contact-hero .container,
body.eacc-inner-site .course-hero .container,
body.eacc-inner-site .legal-hero .container,
body.eacc-inner-site .testing-hero .container,
body.eacc-inner-site .hero-content,
body.eacc-inner-site main > section.hero .container {
  margin-inline: auto;
  text-align: center;
  max-width: min(920px, 100%);
}

body.eacc-inner-site .page-hero h1,
body.eacc-inner-site .contact-hero h1,
body.eacc-inner-site .course-hero h1,
body.eacc-inner-site .legal-hero h1,
body.eacc-inner-site .testing-hero h1,
body.eacc-inner-site main > section.hero h1,
body.eacc-inner-site main > section.hero h2 {
  margin-inline: auto;
  text-align: center;
}

body.eacc-inner-site .page-hero p,
body.eacc-inner-site .contact-hero p,
body.eacc-inner-site .course-hero p,
body.eacc-inner-site .legal-hero p,
body.eacc-inner-site .testing-hero p,
body.eacc-inner-site .hero-lead,
body.eacc-inner-site main > section.hero p {
  margin-inline: auto;
  text-align: center;
  max-width: 68ch;
}

body.eacc-inner-site .breadcrumb {
  margin-inline: auto;
}

body.eacc-inner-site .hero-actions,
body.eacc-inner-site .hero-buttons,
body.eacc-inner-site .actions,
body.eacc-inner-site .btns,
body.eacc-inner-site main > section.hero .meta {
  justify-content: center;
  margin-inline: auto;
}

body.eacc-inner-site .exam-strip {
  justify-content: center;
}

body.eacc-inner-site .hero-grid {
  text-align: center;
}

body.eacc-inner-site .hero-grid > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* —— Nav dropdown: dark text on white menu (fixes mindspace + others) —— */
header nav.nav-links {
  color: inherit;
}

header .dropdown-menu,
header .dropdown-menu a {
  color: var(--navy-dark, #0d1457) !important;
}

header .dropdown-menu {
  background: #fff !important;
}

header .dropdown-menu a:hover {
  color: var(--navy, #1a237e) !important;
  background: var(--gray-light, #eef0f8) !important;
}

@media (max-width: 768px) {
  header .dropdown-menu a {
    color: var(--navy-dark, #0d1457) !important;
    background: rgba(248, 249, 255, 0.94) !important;
  }
}