/*
 * Centrage optique du logo du header.
 *
 * Sur mobile, les anciennes colonnes (burger / logo / reservation) avaient
 * des largeurs differentes : le logo etait donc centre dans l'espace restant,
 * et non par rapport a la fenetre. Deux colonnes laterales identiques gardent
 * maintenant le logo sur l'axe reel de la page.
 */
@media (max-width: 767.98px) {
  .header-site__inner {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: 0;
  }

  .header-site__left,
  .header-site__right {
    width: 100%;
  }

  .header-site__center {
    justify-self: center;
  }

  /* Les deux appels a l'action restent disponibles sans repousser le logo. */
  .header-resa ul {
    gap: 0.25rem;
  }

  .header-resa a {
    min-height: 2.5rem;
    padding: 0.625rem clamp(0.25rem, 1.2vw, 0.375rem);
    font-size: clamp(0.625rem, 2.8vw, 0.75rem);
    letter-spacing: 0.025em;
  }
}