Header auto Background change CSS

.dwc-on-dark-bg:not(.header-on-hero) :is(.menu-item:not(:hover) a:not(.dwc-exclude), .brx-submenu-toggle:not(:hover)  span){
  color: white !important
}

.dwc-on-light-bg:not(.header-on-hero) :is(.menu-item:not(:hover) a:not(.dwc-exclude), .brx-submenu-toggle:not(:hover)  span){
  color: black !important
}

.bg-color-override{
 --overlay-header-bg-active: var(--var-current-header-bg)
}

.logo-svg-main--white path{
    fill: white;
}