.dwc-top-level-items-vars {
  --menu-item-font-size: 18px; /* Increases the text size */
  --menu-item-font-weight: 400; /* Makes the text bold */
  --menu-item-radius: 0;

  /* Thick underline on hover. The vendor sheet already draws this bar
     (a ::before under the item, full width, coloured by
     --menu-item-hover-border-bg) but its height inherits from
     --menu-item-active-border-height, which defaults to 0px - so
     without this override the underline exists but is invisible.
     Colour is left on its default chain (--menu-item-hover-border-bg
     -> --menu-item-active-border-bg -> --primary-light). */
  --menu-item-hover-border-height: 3px;
}

/* Fix: images/sections scrolling over the menu bar.
   #dwc-header is position:sticky/fixed but never gets an explicit
   z-index from the DWC Mega Menu stylesheet, so it only reliably paints
   above plain static content. Any later section that establishes its own
   stacking context (e.g. a hero image figure with position:relative) has
   z-index:auto too, so ties are broken by DOM order and the later section
   wins - painting its image over the header/nav.
   Giving the header itself an explicit z-index moves it to a positive
   stack level, which always paints above z-index:auto content regardless
   of DOM order. Kept well below the WP Quick Toolbar's 100001 and the
   WP admin bar's 99999, so both still win over the header. */
#dwc-header {
  z-index: 1000;
}