/* =====================================================
   Cassiopeia Extended — Header Menu Color Control
   Purpose:
   Cassiopeia derives menu link colors from CSS variables.
   Overriding these variables is the correct, stable fix.
   ===================================================== */

/* Override Cassiopeia menu color variables at the header level */
header.container-header {
  --cassiopeia-color-link: #ffffff;
  --cassiopeia-color-hover: #ffffff;
  --cassiopeia-color-active: #ffffff;
}

/* Safety net: ensure top-level menu links remain white */
header.container-header .mod-menu > li > a,
header.container-header .mod-menu > li > span {
  color: #ffffff;
}

/* Keep hover / active states white */
header.container-header .mod-menu > li:hover > a,
header.container-header .mod-menu > li.active > a,
header.container-header .mod-menu > li.current > a {
  color: #ffffff;
}