/*
 * FAIC Header + Footer Visibility Fix v1.2.8
 * Fixes: .main-header-bar pinkish bg, Astra nav white-on-white,
 *        footer widget text invisible on dark bg.
 */

/* ── ASTRA HEADER BAR — FORCE DARK ON ALL NON-CANVAS PAGES ─────────── */
/* Astra's .main-header-bar carries its own bg from the customizer
   (rgb(255,247,247) by default). Canvas pages hide #masthead entirely
   so this global rule is harmless there.                                 */
.main-header-bar {
  background: rgba(13, 17, 64, 0.96) !important;
  background-color: rgba(13, 17, 64, 0.96) !important;
}

/* Site title / tagline */
.main-header-bar .site-title a,
.main-header-bar .site-title a:visited,
.main-header-bar .site-description {
  color: #ffffff !important;
}

/* Astra nav menu links — white on dark header */
.main-header-bar .ast-nav-menu > li > a,
.main-header-bar .ast-nav-menu > .menu-item > a,
.main-header-bar #site-navigation a,
.main-header-bar .main-navigation a,
.main-header-bar .ast-header-navigation a,
.main-header-bar .navigation-accessibility a {
  color: rgba(255, 255, 255, 0.80) !important;
}
.main-header-bar .ast-nav-menu > li > a:hover,
.main-header-bar .ast-nav-menu > .menu-item > a:hover,
.main-header-bar #site-navigation a:hover,
.main-header-bar .ast-header-navigation a:hover,
.main-header-bar .ast-nav-menu > .current-menu-item > a,
.main-header-bar .ast-nav-menu > .current_page_item > a {
  color: #ffffff !important;
}

/* Astra header CTA button */
.main-header-bar .ast-header-button-wrap a,
.main-header-bar [class*="ast-button"],
.main-header-bar .ast-custom-button {
  background: #E83232 !important;
  background-color: #E83232 !important;
  color: #ffffff !important;
  border-color: #E83232 !important;
}
.main-header-bar .ast-header-button-wrap a:hover,
.main-header-bar [class*="ast-button"]:hover {
  background: #c92020 !important;
  background-color: #c92020 !important;
  color: #ffffff !important;
}

/* Astra search / mobile hamburger icons */
.main-header-bar .ast-search-icon,
.main-header-bar button.menu-toggle,
.main-header-bar .ast-mobile-menu-trigger-minimal span,
.main-header-bar .ast-mobile-menu-trigger span {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,0.3) !important;
}
.main-header-bar .ast-mobile-menu-trigger-minimal svg,
.main-header-bar .ast-mobile-menu-trigger svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Dropdown sub-menus off the dark header */
.main-header-bar .ast-nav-menu .sub-menu,
.main-header-bar .ast-nav-menu .children {
  background: rgba(13, 17, 64, 0.98) !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.35) !important;
}
.main-header-bar .ast-nav-menu .sub-menu a,
.main-header-bar .ast-nav-menu .children a {
  color: rgba(255,255,255,0.75) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.main-header-bar .ast-nav-menu .sub-menu a:hover,
.main-header-bar .ast-nav-menu .children a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

/* ── ASTRA FOOTER — FORCE DARK BACKGROUND + VISIBLE TEXT ────────────── */
#colophon,
.site-footer {
  background: #0D1140 !important;
  background-color: #0D1140 !important;
  color: rgba(255,255,255,0.65) !important;
}

/* Widget headings */
#colophon .widget-title,
#colophon .widgettitle,
#colophon h1, #colophon h2, #colophon h3,
#colophon h4, #colophon h5, #colophon h6 {
  color: #ffffff !important;
}

/* Widget body text */
#colophon p,
#colophon .widget p,
#colophon .widget ul li,
#colophon .widget ol li,
#colophon span:not(.ast-social-element) {
  color: rgba(255,255,255,0.65) !important;
}

/* Footer links (broad override — existing rule stays but this adds specificity) */
#colophon a,
.site-footer a,
#colophon .widget a {
  color: rgba(255, 255, 255, 0.78) !important;
  text-decoration: none !important;
}
#colophon a:hover,
.site-footer a:hover,
#colophon .widget a:hover {
  color: #ffffff !important;
}

/* Social icons */
#colophon .ast-social-icon-list li a,
#colophon .ast-social-element {
  color: rgba(255,255,255,0.7) !important;
}
#colophon .ast-social-icon-list li a:hover,
#colophon .ast-social-element:hover {
  color: #ffffff !important;
}
#colophon .ast-social-icon-list svg,
#colophon .ast-social-element svg,
#colophon .ast-social-icon-list svg path,
#colophon .ast-social-element svg path {
  fill: rgba(255,255,255,0.7) !important;
}
#colophon .ast-social-icon-list li a:hover svg,
#colophon .ast-social-element:hover svg,
#colophon .ast-social-icon-list li a:hover svg path,
#colophon .ast-social-element:hover svg path {
  fill: #ffffff !important;
}

/* Footer copyright bar */
.ast-small-footer p,
.ast-footer-bar p,
#colophon .ast-small-footer p {
  color: rgba(255, 255, 255, 0.45) !important;
}