/* ASPO Menu Fix v5 — load after aspo-layout-v4.css. */
:root { --aspo-menu-background: rgba(236, 243, 249, 1); }

/* Make the whole header/navigation a higher stacking context than the hero image. */
body > header {
  position: relative;
  z-index: 1000;
  overflow: visible !important;
}
body > header > .wrapper.cf:has(nav) {
  position: relative;
  z-index: 2;
  overflow: visible !important;
}
body > header > .wrapper.cf:has(nav)::before {
  background: var(--aspo-menu-background) !important;
  z-index: 0 !important;
  pointer-events: none;
}
body > header nav,
body > header nav .container-menu,
body > header nav .container-menu > ul {
  position: relative;
  z-index: 2;
  overflow: visible !important;
}
/* Same pale-blue background for the main band and the dropdowns. */
body > header .wrap-elements,
body > header nav,
body > header nav .container-menu {
  background-color: var(--aspo-menu-background) !important;
}
body > header nav ul.sub-menu,
body > header nav ul ul {
  background-color: var(--aspo-menu-background) !important;
  z-index: 1001;
}
/* Do not place the first full-width SiteOrigin row above an open menu. */
body > header + #content,
body > header + section#content {
  position: relative;
  z-index: 0;
}