/* 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;
      }
}