/* =================================================================
   WEKOS GLOBAL HEADER STYLES
   Enqueued site-wide — no page template dependency.
   Colors: #181F2A (navy), #F3AB00 (amber)
   ================================================================= */

/* Header background — all states including transparent-header override */
#masthead,
#masthead.ast-header-sticked,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
body.ast-theme-transparent-header #masthead,
body.ast-theme-transparent-header .ast-above-header-bar,
body.ast-theme-transparent-header .ast-primary-header-bar {
  background-color: #181F2A !important;
}

/* Nav link colors */
#masthead .main-header-menu .menu-item > a,
#masthead .main-header-menu .menu-item > a .menu-text {
  color: #FFFFFF !important;
  font-family: 'Barlow', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Nav hover */
#masthead .main-header-menu .menu-item > a:hover,
#masthead .main-header-menu .menu-item > a:hover .menu-text {
  color: #F3AB00 !important;
}

/* Active / current page — gold */
#masthead .main-header-menu .current-menu-item > a,
#masthead .main-header-menu .current-menu-item > a .menu-text,
#masthead .main-header-menu .current-menu-ancestor > a,
#masthead .main-header-menu .current-menu-parent > a {
  color: #F3AB00 !important;
}

/* Dropdown */
#masthead .main-header-menu .sub-menu {
  background-color: #181F2A !important;
  border-top: 2px solid #F3AB00 !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
#masthead .main-header-menu .sub-menu .menu-item > a {
  color: #FFFFFF !important;
}
#masthead .main-header-menu .sub-menu .menu-item > a:hover {
  color: #F3AB00 !important;
  background-color: rgba(243,171,0,0.08) !important;
}
#masthead .main-header-menu .sub-menu .menu-item {
  border: none !important;
}

/* SVG dropdown arrows */
#masthead .ast-icon.icon-arrow svg path {
  fill: #FFFFFF !important;
}
#masthead .menu-item:hover .ast-icon.icon-arrow svg path,
#masthead .current-menu-item .ast-icon.icon-arrow svg path {
  fill: #F3AB00 !important;
}

/* Mobile hamburger */
#masthead .ast-mobile-menu-buttons .menu-toggle,
#masthead .ast-mobile-menu-buttons .menu-toggle span {
  color: #FFFFFF !important;
}

/* Mobile menu flyout */
.ast-header-break-point .main-header-menu,
.ast-header-break-point .main-navigation {
  background-color: #181F2A !important;
}
.ast-header-break-point .main-header-menu .menu-item > a {
  color: #FFFFFF !important;
}
.ast-header-break-point .main-header-menu .menu-item > a:hover {
  color: #F3AB00 !important;
}