/* eVous.ch | En-tete compact, modele eVous.fr | 1.0.0
 * CSS additionnelle. Charger APRES les feuilles du portail et de la recherche.
 * Ne modifie ni les autres squelettes ni les composants sous le header.
 */
#evous-entete-suisse {
  box-sizing: border-box;
  display: block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0 0 1rem;
  padding: .4rem 0 .65rem;
  border: 0;
  border-bottom: 1px solid #dfe2e6;
  background: #fff;
  color: #252525;
  font-family: inherit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  box-shadow: none;
  overflow: visible;
}
#evous-entete-suisse *,
#evous-entete-suisse *::before,
#evous-entete-suisse *::after { box-sizing: border-box; }
#evous-entete-suisse::before,
#evous-entete-suisse::after { content: none; }
#evous-entete-suisse .evous-suisse-entete__barre {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem 1.5rem;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
#evous-entete-suisse .evous-suisse-entete__identite {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#evous-entete-suisse a.evous-suisse-entete__logo,
#evous-entete-suisse a.evous-suisse-entete__logo:visited {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  width: 140px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 2px;
  color: #252525;
  background: transparent;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
}
#evous-entete-suisse .evous-suisse-entete__logo::before,
#evous-entete-suisse .evous-suisse-entete__logo::after { content: none; }
#evous-entete-suisse .evous-suisse-entete__logo img {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  object-fit: contain;
}
#evous-entete-suisse .evous-suisse-entete__logo-texte {
  font-size: 2.15rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
}
#evous-entete-suisse .evous-suisse-entete__point { color: #c60303; }
#evous-entete-suisse .evous-suisse-entete__territoire {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
  max-width: 100%;
  margin: .05rem 0 0;
  padding: 0;
  border: 0;
  background: none;
  color: #60646b;
  font-size: 1.195rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
}
#evous-entete-suisse .evous-suisse-entete__territoire::before,
#evous-entete-suisse .evous-suisse-entete__territoire::after { content: none; }
#evous-entete-suisse .evous-suisse-entete__territoire > [data-evous-ch-text] { white-space: nowrap; }
#evous-entete-suisse .evous-suisse-entete__outils {
  display: flex;
  flex: 0 1 auto;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  max-width: 100%;
  margin: 0 0 0 auto;
  padding: 0;
}
#evous-entete-suisse [data-evous-ch-preference-slot] { max-width: 100%; margin: 0; padding: 0; }
#evous-entete-suisse [data-evous-ch-preference] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .1rem .5rem;
  margin: 0;
  padding: 0;
}
#evous-entete-suisse [data-evous-ch-preference] > button,
#evous-entete-suisse [data-evous-ch-preference] > a {
  font-size: .875rem;
  min-height: 44px;
  padding: .5rem .3rem;
  line-height: 1.4;
}
/* Le panneau de recherche peut utiliser toute la largeur, même ouvert. */
#evous-entete-suisse #evous-ch-recherche {
  clear: both;
  width: 100%;
  max-width: 100%;
  margin: .1rem 0 0;
  padding: 0;
}
#evous-entete-suisse #evous-ch-recherche > summary.evous-recherche-suisse__commande {
  margin-left: auto;
  margin-right: 0;
  padding-right: .3rem;
  font-size: .9375rem;
}
#evous-entete-suisse #evous-ch-recherche > .evous-recherche-suisse__panneau { width: 100%; max-width: 100%; }
#evous-entete-suisse a.evous-suisse-entete__logo:focus-visible { outline: 2px solid #c60303; outline-offset: 3px; }
@media (max-width: 42rem) {
  #evous-entete-suisse .evous-suisse-entete__territoire { font-size: .975rem; }
  #evous-entete-suisse { padding-top: .35rem; }
  #evous-entete-suisse .evous-suisse-entete__barre { gap: .3rem .7rem; }
  #evous-entete-suisse a.evous-suisse-entete__logo { width: 112px; }
  #evous-entete-suisse .evous-suisse-entete__logo-texte { font-size: 1.85rem; }
  #evous-entete-suisse [data-evous-ch-preference] > button,
  #evous-entete-suisse [data-evous-ch-preference] > a { font-size: .8125rem; }
}
@media (max-width: 24rem) {
  #evous-entete-suisse .evous-suisse-entete__outils { width: 100%; }
  #evous-entete-suisse [data-evous-ch-preference] { justify-content: flex-start; }
}
@media (min-width: 42.001rem) {
  #evous-entete-suisse {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto;
    column-gap: 1.5rem;
    row-gap: 0;
    align-items: start;
  }

  #evous-entete-suisse .evous-suisse-entete__barre {
    display: contents;
  }

  #evous-entete-suisse .evous-suisse-entete__identite {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: start;
  }

  #evous-entete-suisse .evous-suisse-entete__outils {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  #evous-entete-suisse #evous-ch-recherche {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: start;
    width: max-content;
    max-width: 100%;
    margin: 0;
    clear: none;
  }

  #evous-entete-suisse #evous-ch-recherche[open] {
    grid-column: 1 / -1;
    width: 100%;
    justify-self: stretch;
  }

  #evous-entete-suisse:has(#evous-ch-recherche[open])
  .evous-suisse-entete__identite {
    grid-row: 1;
  }
}
