////////// Customer Header //////////

.header.customer {
  background-color: $navigation-customer-color;
}
.header.customer .navlink.active {
  color: $navigation-customer-color;
  background-color: $navlink-customer-active-bg;
  & .icon {
    color: $navigation-customer-color;
  }
}

.header.customer .navlink:hover,
.header.customer .navlink:focus,
.header.customer .navlink.active:focus,
.header.customer .navlink.active:hover,
.header.customer .dropdown-link:focus,
.header.customer .header-dropdown .dropdown-link:hover {
  color: $navlink-customer-hover-color;
  background-color: $navlink-customer-hover-bg;
  & .icon {
    color: $navlink-customer-hover-color;
  }
}

.header.customer .header-dropdown summary:hover:after, 
.header.customer .header-dropdown summary:focus:after {
  background-color: $navlink-customer-hover-color;
}