.entete {
  display: block;
  padding-block: 0;
  padding-inline: var(--gouttiere);
  background: var(--encre);
  color: var(--blanc);
  border-block-end: 0;
}

.entete__contenu {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: clamp(2.5rem, 4vw, 5rem);
  max-inline-size: var(--entete-max);
  min-block-size: 5.5625rem;
  margin-inline: auto;
  padding-block: 0;
}

.entete__identite {
  grid-column: auto;
  grid-row: 1;
  min-block-size: var(--cible);
  color: var(--blanc);
  font-size: 1.125rem;
  letter-spacing: -.012em;
  text-transform: none;
  white-space: nowrap;
}

.entete__nav {
  grid-column: auto;
  grid-row: 1;
  display: flex;
  min-inline-size: 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0 clamp(1.5rem, 2.4vw, 2.7rem);
}

.entete__nav a {
  position: relative;
  min-inline-size: var(--cible);
  min-block-size: var(--cible);
  padding: 0;
  justify-content: center;
  color: var(--blanc);
  border: 0;
  font-size: var(--t-petit);
  font-weight: var(--w-appui);
  white-space: nowrap;
}

.entete__nav a[aria-current="page"],
.entete__nav a[aria-current="page"]:visited,
.entete__nav a[aria-current="page"]:hover,
.entete__nav a[aria-current="page"]:focus-visible {
  color: var(--blanc);
  background: transparent;
  border: 0;
  text-decoration: none;
}

.entete__nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 2px;
  background: var(--action);
}

.entete__actions {
  grid-column: auto;
  grid-row: 1;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1.75rem;
}

.entete__tel {
  min-block-size: var(--cible);
  padding: 0;
  color: var(--blanc);
  border: 0;
  font-size: 1.125rem;
  font-weight: var(--w-appui);
  text-decoration: none;
  white-space: nowrap;
}

.entete .action--encre {
  padding-inline: var(--e4);
  border-radius: var(--rayon-cta);
  font-size: var(--t-petit);
  letter-spacing: .02em;
  white-space: nowrap;
}

.entete__repli {
  min-inline-size: var(--cible);
  justify-content: center;
  color: var(--blanc);
  border-block-end-color: var(--filet-sombre);
}

.entete__volet {
  display: none;
  z-index: 1;
  background: var(--encre);
  color: var(--blanc);
  border-block-end: 0;
}

.entete__volet-nav a {
  color: var(--blanc);
  border-block-end-color: var(--filet-sombre);
}

.entete__volet-nav a:last-child { border-block-end: 0; }

@media (max-width: 82rem) {
  .entete__contenu {
    min-block-size: 4.0625rem;
    padding-block: var(--e1);
    gap: var(--e4);
  }

  .entete__nav { display: none; }
  .entete__volet { display: block; }
  .entete:not([data-repli]) .entete__repli { display: none; }
  .entete[data-repli] .entete__repli { display: inline-flex; }
  .entete[data-repli="ferme"] .entete__volet { display: none; }
  .entete__actions .action--encre { display: none; }
  .entete__identite { font-size: .9375rem; }
  .entete__actions { margin-inline-start: auto; }
  .entete__tel { font-size: var(--t-petit); }
  .entete__volet-nav a,
  .entete__volet-action { min-block-size: var(--cible); }
}

@media (max-width: 30rem) {
  .entete__actions { gap: var(--e2); }
}

@media (max-width: 22rem) {
  .entete__contenu { gap: var(--e2); }
  .entete__identite,
  .entete__repli { font-size: var(--t-micro); }
}

/* D133 — le CTA du menu replié utilise le même rayon que le header. */
.entete .action { border-radius:var(--rayon-cta); }
