/*** Override Bootstrap colors */
/* stylelint-disable-next-line scss/no-global-function-names */
header#checkout-header {
  background-color: var(--header-background-color);
}
header#header .header-banner {
  background-color: var(--promo-background-color);
  color: var(--promo-text-color);
}
header#header .header-banner *:focus-visible {
  outline: 1px dotted var(--promo-text-color);
}
header#header .header-banner .swiper-slide {
  background-color: var(--promo-background-color);
}
header#header .header-banner .swiper-slide a {
  color: var(--promo-text-color);
}
header#header .header-banner .swiper-slide a:hover {
  color: var(--promo-text-hover-color);
}
header#header .header {
  background-color: var(--header-background-color);
}
header#header a:not(.btn-primary) {
  color: var(--header-text-color);
}
header#header a:not(.btn-primary):hover {
  color: var(--header-text-hover-color);
}
header#header button {
  color: var(--header-text-color);
}
header#header .nav-item > .nav-link {
  color: var(--menu-text-color);
}
header#header .nav-item .nav-link:hover,
header#header .nav-item .nav-link:focus,
header#header .nav-item.show .nav-link {
  color: var(--menu-text-hover-color);
}
header#header .navbar-header .minicart .icon-bag {
  color: var(--header-text-color);
}
header#header .account-popup:not(.btn-primary) {
  color: var(--menu-text-color);
}
header#header .account-popup:not(.btn-primary):hover {
  color: var(--menu-text-hover-color);
}
header#header .account-ico .popover-bottom {
  background: var(--menu-background-color);
}
header#header .dropdown-menu,
header#header .small-menu-dropdown,
header#header .small-menu-full {
  background: var(--menu-background-color);
}
header#header .dropdown-menu::after,
header#header .small-menu-dropdown::after,
header#header .small-menu-full::after {
  background: var(--menu-background-color);
}
header#header .dropdown-menu a,
header#header .small-menu-dropdown a,
header#header .small-menu-full a {
  color: var(--menu-text-color);
}
header#header .dropdown-menu a:hover,
header#header .small-menu-dropdown a:hover,
header#header .small-menu-full a:hover {
  color: var(--menu-text-hover-color);
}
header#header .dropdown-menu button,
header#header .dropdown-menu .dropdown-desktop,
header#header .dropdown-menu .sub-cat-description,
header#header .small-menu-dropdown button,
header#header .small-menu-dropdown .dropdown-desktop,
header#header .small-menu-dropdown .sub-cat-description,
header#header .small-menu-full button,
header#header .small-menu-full .dropdown-desktop,
header#header .small-menu-full .sub-cat-description {
  color: var(--menu-text-color);
}
header#header .megamenu .cat-shop-all-container {
  background-color: var(--menu-sec-background-color);
}
header#header .megamenu .cat-shop-all-container::after {
  background: var(--menu-sec-background-color);
}
header#header .megamenu .cat-shop-all-container .shop-all {
  color: var(--menu-sec-text-color);
}
header#header .megamenu .cat-shop-all-container .shop-all:hover {
  color: var(--menu-sec-text-hover-color);
}
header .checkout-header a {
  color: var(--header-text-color);
}
header .checkout-header a:hover {
  color: var(--header-text-hover-color);
}

@media (max-width: 846.98px) {
  header#header .main-menu.menu-toggleable-left .menu-large,
  header#header .main-menu.menu-toggleable-left .menu-large + .menu-large {
    border-color: var(--menu-text-color);
  }
  header#header .main-menu.menu-toggleable-left .mobile-bottom-section {
    background: var(--menu-sec-background-color);
  }
  header#header .main-menu.menu-toggleable-left .mobile-bottom-section a:not(.btn-primary) {
    color: var(--menu-sec-text-color);
  }
  header#header .main-menu.menu-toggleable-left .mobile-bottom-section a:not(.btn-primary):hover {
    color: var(--menu-sec-text-hover-color);
  }
  header#header .main-menu.menu-toggleable-left .country-selector-header {
    color: var(--menu-text-color);
    border-color: var(--menu-text-color);
  }
  header#header .main-menu.menu-toggleable-left .m-country-select-nav #m-country-selector-flg .nav-country-name {
    border-color: var(--menu-sec-text-color);
  }
  header#header .main-menu.menu-toggleable-left .m-country-select-nav #m-country-selector-flg .nav-country-language {
    border-color: var(--menu-sec-text-color);
  }
  header#header .main-menu.menu-toggleable-left .m-country-select-nav .collapse-mobile-show a {
    color: var(--menu-text-color);
  }
  header#header .main-menu.menu-toggleable-left .m-country-select-nav .collapse-mobile-show a:hover {
    color: var(--menu-text-hover-color);
  }
  header#header .main-menu.menu-toggleable-left .m-country-select-nav .collapse-mobile-show button {
    color: var(--menu-text-color);
  }
  header#header .main-menu.menu-toggleable-left .m-country-select-nav .collapse-mobile-show .section-container {
    border-color: var(--menu-text-color);
  }
  header#header .main-menu.menu-toggleable-left .bg-inverse {
    background: var(--menu-background-color) !important;
  }
  header#header .main-menu.menu-toggleable-left .close-menu {
    background: var(--menu-background-color);
  }
  header#header .main-menu.menu-toggleable-left .close-menu a {
    color: var(--menu-text-color);
  }
  header#header .main-menu.menu-toggleable-left .close-menu a:hover {
    color: var(--menu-text-hover-color);
  }
  header#header .main-menu .menu-switch a {
    color: var(--menu-text-color);
    border-color: var(--menu-text-color);
  }
  header#header .main-menu .menu-switch a.open {
    border-color: var(--menu-text-color);
  }
  header#header .main-menu .icon-collapse::before,
  header#header .main-menu .icon-collapse::after {
    border-color: var(--menu-text-color);
  }
  header#header .small-category-container a {
    color: var(--menu-text-color);
  }
  header#header .small-category-container a:hover {
    color: var(--menu-text-hover-color);
  }
}
@media (min-width: 847px) {
  header#header .country-selector-container .country-text,
  header#header .country-selector-container .country-h-language {
    color: var(--promo-text-color);
    border-color: var(--promo-text-color);
  }
  header#header .header-store-locator a {
    color: var(--promo-text-color);
  }
  header#header .header-store-locator a:hover {
    color: var(--promo-text-hover-color);
  }
  header#header .nav-item > .nav-link {
    color: var(--header-text-color);
  }
  header#header .nav-item .nav-link:hover,
  header#header .nav-item .nav-link:focus,
  header#header .nav-item.show .nav-link {
    color: var(--header-text-hover-color);
  }
}