:not(.sticky-header) wm-container[theme="transparent-on-dark"]:has(wm-header:first-child) {
  &::before {
    background-image: linear-gradient(color-mix(in srgb, var(--color--black), transparent 75%) 50%, color-mix(in srgb, var(--color--black), transparent 100%));
    content: '';
    display: block;
    height: var(--header__height);
    position: absolute;
    width: 100vw;
    z-index: 3;
  }
}

wm-container:has(wm-header:first-child) {
  transition: transform 0.5s;

  &.active {
    li:not(.active-mega-menu) a {
      opacity: 0.6;
    }
  }
}