.main-header--is-full-screen {
  --container-primary-margin: 4%;
}

.main-header {
  position: relative;
  z-index: 4;
  color: var(--color-grey-font-default);
}

@media (any-hover: hover) {

  .main-header {
    z-index: 21;
  }

}

.main-header a {
  text-decoration: none;
  color: var(--color-black-default);
}

.main-header a:hover {
  color: var(--link-color-on-hover);
}

.header-logo h1 {
  margin: 0;
}

.header-nav {
  background: var(--nav-bg--color);
}

/*
--------------------------------------
Style général overlay
--------------------------------------
*/
.overlay-global-except-header {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
  transition: all 0.3s ease-out 0.2s;
  transform: scaleY(0);
  transform-origin: top;
}

.overlay-global-except-header--is-show {
  transition: all 0.3s ease-out;
  pointer-events: all;
  transform: scaleY(1);
  background: rgba(0, 0, 0, .4);
}

/*
--------------------------------------
Header template
--------------------------------------
*/

.header-infos {
  position: relative;
  z-index: 4;
  background: var(--color-secondary);
  padding: 8px 0;
}

[data-is-desktop="true"] .header-infos {
  z-index: 4;
}

[data-is-desktop="true"] .header-infos h1 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.header-message {
  position: relative;
  z-index: 1;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background: var(--color-primary);
}

.header-message .container-primary {
  display: flex;
  flex-direction: column;
}

.header-message .header-message-temporary {
  font-weight: 600;
  margin-top: 10px;
}

.header-message .header-message-details {
  padding: 10px;
}

.header-message .header-message-details {
  position: relative;
  font-size: 1rem;
  transition: all 500ms ease-in-out;
  margin: 0 auto;
  width: 90%;
}

.header-message .header-message-details[open] summary {
  margin-bottom: 10px;
}

.header-message .header-message-details .summary-title {
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-right: 10px;
}

.lang-fr .header-message .header-message-details summary:after {
  content: "Voir plus";
}

.lang-en .header-message .header-message-details summary:after {
  content: "See more";
}

.header-message .header-message-details summary:after {
  font-weight: 700;
  font-size: 16px;
  background: #fff;
  color: var(--color-primary);
  border-radius: 5px;
  padding: 4px 12px;
}

.lang-fr .header-message .header-message-details[open] > summary:after {
  content: "Voir moins";
}

.lang-en .header-message .header-message-details[open] > summary:after {
  content: "See less";
}

.header-message .header-message-details p {
  text-transform: none;
}

.header-message .header-message-selection-link {
  font-weight: 600;
  color: #fff;
  padding-top: 10px;
}

.header-message .header-message-selection-link:hover .header-message-selection-text {
  color: #fafafa;
}

.container-primary.header-infos-inner {
  justify-content: center;
}

.infos-links {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  row-gap: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.infos-links .top-banner-main-title {
  font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 300;
  text-align: center;
  line-height: 1.25;
  margin: 0;
}

.temporary-message-container a {
  font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 600;
  color: var(--color-primary);
  transition: all 350ms ease-in-out;
}

.temporary-message-container a:hover {
  color: #000;
}

.header-burger {
  cursor: pointer;
}

.header-actions {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.header-actions > * + * {
  margin-left: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.header-actions .link-icon a,
.header-actions .france-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.35s ease-in-out;
}

.header-actions .link-icon__text {
  display: none;
  font-size: calc(10px + (11 - 10) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--typo-secondary);
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  margin-top: 0.75em;
}

.link-icon {
  position: relative;
}

.link-icon.cart-info svg {
  width: calc(26px + (30 - 26) * ((100vw - 320px) / (1920 - 320)));
  height: calc(26px + (30 - 26) * ((100vw - 320px) / (1920 - 320)));
}

.link-icon.contact-link svg {
  width: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));
  height: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));
}

.link-icon .link-icon__text {
  transition: all 0.35s ease-in-out;
}

.link-icon:hover .link-icon__text {
  color: var(--color-primary);
}

.link-icon .link-icon__text.pro-mention {
  font-weight: 700;
  color: var(--color-primary);
  margin-top: -6px;
}

.link-icon .cart-products-count,
.header-actions-footer__cart .cart-products-count {
  font-size: 13px;
  background: var(--color-primary);
  border-radius: 100%;
  width: 20px;
  line-height: 20px;
  color: white;
  text-align: center;
}

.link-icon .cart-products-count {
  position: absolute;
  top: -8px;
  right: -2px;
  transform: translate3d(50%, 0, 0);
}

.lang-de .link-icon .cart-products-count {
  right: 20px;
}

.cart-products-count {
  display: inline-block;
}

/*
--------------------------------------
Bwa Menu
--------------------------------------
*/

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item > .bwa-menu__sub-menu__wrapper {
  min-height: 1px;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] {
  height: 40vh;
  min-width: 400px;
}

.header-nav .bwa-menu__sub-menu__main-title {
  display: none;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item {
  background: transparent;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item:hover {
  background: transparent;
}

.header-nav .bwa-menu__top__wrapper .bwa-menu__link-title[data-depth="0"] {
  text-transform: none;
}

.header-nav .bwa-menu__top__wrapper .bwa-menu__link-title[data-depth="0"] span {
  transition: all 0.35s ease-in-out;
}

.header-nav .bwa-menu__top__wrapper .bwa-menu__link-title[data-depth="0"]:hover span {
  color: var(--color-primary) !important;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item:hover .bwa-menu__link-title[data-depth="0"] {
  color: #000;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__title__wrapper,
.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__top > li:hover .bwa-menu__title__wrapper {
  border: none;
}

.header-nav .mobile_only.bwa-menu__close {
  background-color: var(--color-primary);
}

.header-nav .bwa-menu__sub-menu__part.bwa-menu__sub-menu__part--sub-col {
  display: none;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item {
  position: relative;
}

.header-nav li.item-contact {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 9px;
  transition: all 0.35s ease-in-out;
}

.header-nav li.item-contact:hover {
  background: var(--color-primary);
}

.header-nav li.item-contact .bwa-menu__title {
  color: #fff !important;
}

.header-nav li.item-contact:hover a.bwa-menu__link-title[data-depth="0"] {
  color: var(--color-primary);
}

.header-nav .bwa-menu__main-item.mobile_only .bwa-menu__link-title {
  display: flex;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .hasSub:hover .bwa-menu__title:after {
  border-bottom: 2px solid var(--color-primary) !important;
  border-right: 2px solid var(--color-primary) !important;
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title[data-depth="1"] {
  font-size: 15px;
}

.header-nav .bwa-menu__sub-menu__title[data-depth="2"],
.header-nav .bwa-menu__sub-menu__title[data-depth="3"] {
  font-size: 13px;
  font-weight: 700;
}

.header-nav .language-wrapper.bwa-menu__main-item.mobile_only.gray-bg {
  line-height: 42px;
  padding: 0 10px 0 25px;
}

.header-nav .language-wrapper.bwa-menu__main-item.mobile_only.gray-bg .dropdown-item {
  font-size: calc(14px + (16 - 14)*((100vw - 320px) /(1200 - 320)));
  font-weight: 700;
  color: #000;
}

.header-nav .language-wrapper.bwa-menu__main-item.mobile_only.gray-bg img {
  margin-right: 15px;
}

/*Data depth 2*/

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__part--main-list {
  flex: 0 0 100%;
}

.header-nav .bwa-menu__sub-menu__link-title[data-depth="2"] .bwa-menu__sub-menu__title__wrapper[data-depth="2"],
.header-nav .bwa-menu__sub-menu__link-title[data-depth="3"] .bwa-menu__sub-menu__title__wrapper[data-depth="3"] {
  display: flex !important;
  background: #fafafa !important;
  padding: 9px 20px !important;
}

.header-nav .bwa-menu__sub-menu__item[data-depth="2"] .bwa-menu__sub-menu__wrapper[data-depth="2"] .bwa-menu__sub-menu[data-depth="2"] {
  background: #FAFAFA;
  padding-left: 1em;
}

/*Burger */

.header-burger #bwa-menu__burger {
  color: var(--color-primary);
}

/*
--------------------------------------
Header menu
--------------------------------------
*/

.bwa-menu__sub-menu__main-list__item::-webkit-scrollbar {
  width: 5px;
}

.bwa-menu__sub-menu__main-list__item {
  scrollbar-width: thin;
  scrollbar-color: #fff;
}

.bwa-menu__sub-menu__main-list__item::-webkit-scrollbar-track {
  background: #fff;
}

.bwa-menu__sub-menu__main-list__item::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 2px;
  border: 3px solid var(--color-primary);
}