/* -----   Site Header ----- */

/* Header row styling */
#siteHeader .fl-row-content-wrap {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

/* Mobile menu column visibility */
#siteHeader .mobileMenuColumn {
  display: none;
}

/* Show in Beaver Builder edit mode */
.fl-builder-edit #siteHeader .mobileMenuColumn {
  display: block !important;
}

/* Show when toggled open on live site */
#siteHeader .mobileMenuColumn.is-open {
  display: block;
}

/* Toggle button */
#mobileMenuToggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  display: block;
  margin-left: auto;
}



/* ----- Header & Mobile Menu links ----- */

/* Base + visited: midnight everywhere */
#siteHeader a,
.mobileMenu a {
  color: var(--midnight) !important;
  text-decoration: none;
  transition: color 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.075em;
}

/* Explicit visited state for safety */
#siteHeader a:visited,
.mobileMenu a:visited {
  color: var(--midnight) !important;
}

/* Hover */
#siteHeader a:hover,
.mobileMenu a:hover {
  color: var(--sky) !important;
}

/* Focus indicator (keep color, add ring) */
#siteHeader a:focus-visible,
.mobileMenu a:focus-visible {
  outline: 2px solid var(--sky);
  outline-offset: 2px;
}

/* Active: same color as base */
#siteHeader a:active,
.mobileMenu a:active {
  color: var(--midnight) !important;
}



/* ----- Submenu specifics ----- */

/* Submenu links */
#siteHeader .sub-menu a,
ul.sub-menu a {
  color: var(--midnight) !important;
  font-size: 0.9375rem;
  font-weight: 500 !important;
  text-transform: capitalize;
  line-height: 1.35;
  letter-spacing: 0.035em !important;
}

/* Submenu hover */
#siteHeader .sub-menu a:hover,
ul.sub-menu a:hover {
  color: var(--sky) !important;
}

/* Submenu container */
ul.sub-menu {
  position: relative;
  margin-left: -10px !important;
  width: 240px;
}