@charset "UTF-8";
/* Définition des variables pour le thème noir */
/* body {
      --header-color: #000;
      --icon-background-color: #000;
      --user-icon-border-color: #000;
      --user-icon-color: #000;
      --transparent-logo-display: none;
      --global-logo-display: block;
  } */
/* Définition des variables pour le thème blanc */
body {
  --header-color: #fff;
  --icon-background-color: #fff;
  --user-icon-border-color: #fff;
  --user-icon-color: #fff;
  --transparent-logo-display: block;
  --global-logo-display: none;
}

/* Masquage des breadcrumbs */
.breadcrumb,
.breadcrumbWrapper {
  display: none !important;
}

header#header {
  border: 0;
}

/* Styles appliqués selon les variables */
#header:not(.headroom--not-top):not(.-subMenuOpen):not(.-burgerMenuOpen) .header__searchWrapper {
  border: var(--header-color) 1px solid;
  background-color: transparent;
  color: var(--header-color);
}

/* } */
.header.headroom ~ #root .main {
  padding-top: 0 !important;
}

/* Styles appliqués selon les variables */
/* @media screen and (min-width: 1024px) { */
#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) {
  background: transparent;
}

#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .headerMenu__link,
#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .header__storeOpenTill,
#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .avatar__iconLabel,
#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .header__storeName {
  color: var(--header-color);
}

#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .avatar__iconUser {
  border: 1px solid #fff;
  color: white;
}

#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) [class^=icon-],
#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) [class*=" icon-"] {
  background-color: var(--icon-background-color);
}

#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .header__iconUser {
  border: 1px solid var(--user-icon-border-color);
  color: var(--user-icon-color);
}

#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .header__logoImage.-globalLogo {
  display: var(--global-logo-display);
}

#header:not(.headroom--not-top):not(.-searchOpen):not(.-subMenuOpen):not(.-burgerMenuOpen) .header__logoImage.-transparentLogo {
  display: var(--transparent-logo-display);
}

.header.headroom ~ #root .main {
  padding-top: 0 !important;
}

@media (max-width: 1023px) {
  .header:not(.-home, .-burgerMenuOpen).-searchMenuOpen div#searchIcon {
    opacity: 0;
    display: none;
  }
}