/*
 * eVous | Recherche repliable partagee | 1.2.0 | 2026-10-15
 * REMPLACE integralement evous-recherche.css 1.1.0.
 * Meme presentation ; suppression de la restriction a page_sommaire.
 * Toutes les regles sont limitees au composant .evous-entete-recherche.
 * Compatible avec le JS 1.0.0 et rechercher-home-pliable.html inchanges.
 * A charger une seule fois dans le head de chaque gabarit qui utilise
 * le composant. Conserver le wrapper, les classes et les identifiants.
 */
.evous-entete-recherche {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 0;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0 0 12px;
  padding: 0;
}

/* Seul le div de mise en page perd sa boite. Le header role=banner,
 * le titre, le logo, la signature et leur ordre HTML restent intacts.
 * Aucun display:contents sur le header, un bouton ou une region nommee.
 */
.evous-entete-recherche .evous-entete-recherche__identite {
  display: contents;
}

/* Ligne 1 : le logo retrouve le bord droit, au lieu de preceder le bouton. */
.evous-entete-recherche .evous-entete-recherche__identite > .header {
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  align-items: center;
  column-gap: 12px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Le clearfix historique ne doit pas creer un item flex supplementaire. */
.evous-entete-recherche .evous-entete-recherche__identite > .header::after {
  display: none;
}

.evous-entete-recherche .header .spip_logo_site {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-wrap: anywhere;
}

.evous-entete-recherche .header #slogan {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 44%;
  margin: 0;
  padding: 0;
  float: none;
  line-height: 1;
  text-align: right;
}

.evous-entete-recherche .header #slogan a {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.evous-entete-recherche .header #slogan img {
  display: block;
  float: none;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/* Ligne 2 : les crochets rouges et la taille du slogan restent au theme.
 * Le flex-wrap protege les petits ecrans et les textes agrandis :
 * on accepte alors une ligne de plus plutot qu'une superposition.
 */
.evous-entete-recherche .evous-entete-recherche__identite > .subtitle {
  display: block;
  flex: 1 0 auto;
  clear: none;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow-wrap: anywhere;
}

.evous-entete-recherche .evous-recherche-bouton {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  box-sizing: border-box;
  width: auto;
  min-height: 44px;
  max-width: 100%;
  margin: 0 0 0 auto;
  padding: 6px 0 6px 6px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #4a4a4a;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: right;
  text-transform: none;
  text-decoration: none;
  box-shadow: none;
  appearance: none;
  cursor: pointer;
}

.evous-entete-recherche .evous-recherche-bouton:hover,
.evous-entete-recherche .evous-recherche-bouton[aria-expanded="true"] {
  background: #fff4f4;
  color: #a70303;
}

.evous-entete-recherche .evous-recherche-bouton:focus-visible {
  outline: 2px solid #c60303;
  outline-offset: 3px;
}

.evous-entete-recherche .evous-recherche-bouton svg {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

/* Chevron decoratif retire visuellement, sans modifier l'inclure ni le JS. */
.evous-entete-recherche .evous-recherche-bouton .evous-recherche-chevron {
  display: none;
}

/* Le panneau conserve toute la largeur sous les deux lignes d'identite. */
.evous-entete-recherche .evous-recherche-panneau {
  flex: 0 0 100%;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 12px 0 0;
  padding: 12px 0 8px;
  border-top: 1px solid #eee;
  overflow: visible;
}

/* Le theme ne doit pas annuler l'attribut hidden du bouton ou du panneau. */
.evous-entete-recherche [hidden] {
  display: none !important;
}

/* Regles Google de la version 1.0.0 conservees. Aucune annonce,
 * attribution, suggestion ni presentation de resultats n'est masquee.
 */
.evous-entete-recherche #evous-recherche-google {
  min-width: 0;
  max-width: 100%;
}

.evous-entete-recherche #evous-recherche-google .gsc-control-cse {
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
}

.evous-entete-recherche #evous-recherche-google form.gsc-search-box {
  box-sizing: border-box;
  width: 100%;
  max-width: 652px;
  margin: 0 auto;
}

.evous-entete-recherche #evous-recherche-google .gsc-input-box {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.evous-entete-recherche .evous-recherche-statut,
.evous-entete-recherche .evous-recherche-sans-js {
  margin: 8px 0;
  padding: 0;
  color: #555;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
}

.evous-entete-recherche > noscript {
  flex: 0 0 100%;
  width: 100%;
}