/* 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(--white) 1px solid;
      background-color: transparent;
      color: var(--white);

      display: none !important;
}

/* } */

@media screen and (min-width: 1024px) {

      .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 {
            color: var(--header-color);
      }

      #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;
      }


      /* } */


      #header:not(.headroom--not-top):not(.-subMenuOpen):not(.-burgerMenuOpen) .header__searchWrapper {
            display: flex !important;
      }
}