/* ═══════════════════════════════════════════════
   Astra Header/Footer overrides – inner pages
   Applied only on non-homepage pages via functions.php
   ═══════════════════════════════════════════════ */

:root {
  --navy:      #0D2D45;
  --cyan:      #7EEAEA;
  --cyan-dark: #4ECECE;
  --white:     #FFFFFF;
}

/* ── Header background ── */
#masthead,
.site-header,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar {
  background-color: var(--navy) !important;
}

/* ── Logo / site title ── */
.ast-site-identity .site-title a,
.ast-site-identity .site-title,
.custom-logo-link {
  color: var(--white) !important;
}

/* ── Nav links ── */
.main-navigation .menu-item a,
#ast-fixed-header .menu-item a,
.ast-builder-menu .menu-item a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}
.main-navigation .menu-item a:hover,
#ast-fixed-header .menu-item a:hover,
.ast-builder-menu .menu-item a:hover {
  color: var(--cyan) !important;
}

/* ── Active / current menu item ── */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: var(--cyan) !important;
}

/* ── Dropdown menus ── */
.main-navigation .sub-menu,
.ast-builder-menu .sub-menu {
  background-color: var(--navy) !important;
  border-top: 2px solid var(--cyan) !important;
}
.main-navigation .sub-menu .menu-item a {
  color: rgba(255, 255, 255, 0.75) !important;
}
.main-navigation .sub-menu .menu-item a:hover {
  color: var(--cyan) !important;
  background-color: rgba(126, 234, 234, 0.08) !important;
}

/* ── Mobile hamburger icon ── */
.ast-mobile-menu-trigger-minimal span,
.ast-mobile-menu-trigger span,
button.menu-toggle span,
button.menu-toggle::before,
button.menu-toggle::after {
  background-color: var(--white) !important;
}

/* ── Mobile menu panel ── */
.ast-mobile-header-content,
.ast-mobile-menu,
#ast-mobile-popup {
  background-color: var(--navy) !important;
}
.ast-mobile-header-content .menu-item a,
.ast-mobile-menu .menu-item a {
  color: rgba(255, 255, 255, 0.85) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── CTA button in nav (if Astra button widget used) ── */
.ast-builder-menu .ast-menu-item-btn a,
.ast-header-button-1 a {
  background-color: var(--cyan) !important;
  color: var(--navy) !important;
  border-color: var(--cyan) !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
}
.ast-header-button-1 a:hover {
  background-color: var(--cyan-dark) !important;
  border-color: var(--cyan-dark) !important;
}

/* ── Sticky / scroll header ── */
.ast-sticky-active #masthead,
.header-main-layout-1.ast-sticky-active {
  background-color: var(--navy) !important;
  box-shadow: 0 4px 24px rgba(13, 45, 69, 0.3) !important;
}

/* ── Footer ── */
.site-footer,
#colophon,
.ast-small-footer,
.footer-widget-area {
  background-color: var(--navy) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.site-footer a,
#colophon a {
  color: var(--cyan) !important;
}
.site-footer a:hover,
#colophon a:hover {
  color: var(--white) !important;
}

/* ── Page / post headings ── */
.entry-title,
.page-title {
  color: var(--navy) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

/* ── Astra button defaults → brand colours ── */
.ast-button,
.wp-block-button__link,
.button,
input[type="submit"] {
  background-color: var(--cyan) !important;
  color: var(--navy) !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
  border: none !important;
}
.ast-button:hover,
.wp-block-button__link:hover,
.button:hover,
input[type="submit"]:hover {
  background-color: var(--cyan-dark) !important;
}

/* ── Astra page hero / banner ── */
.ast-archive-description .ast-archive-title,
.ast-breadcrumbs-wrapper {
  color: var(--white) !important;
}
.ast-page-title-bar {
  background-color: var(--navy) !important;
}