/* ===================================================
   KURO ARCANA — Correctifs globaux du site
   Chargé juste après style.css. Chaque correctif est documenté ici
   plutôt que de modifier style.css directement.
   =================================================== */
/* ---------- CORRECTIF MENU (mobile) ----------
   Le menu centré + défilement horizontal rendait les premiers boutons
   inatteignables quand il déborde (ACCUEIL déjà hors écran à 375 px).
   « safe center » : centré quand il tient, aligné à gauche quand il déborde.
   Aucun effet quand le menu tient dans l'écran (ordinateur). */
.menu-navigation {
  justify-content: safe center;
}

/* ---------- CORRECTIF MENU (ordinateur, 8 boutons avec PASSE) ----------
   Espacement réduit pour que les 8 boutons tiennent sans défilement à 1280 px.
   Police, couleurs et aspect des boutons inchangés ; mobile (≤ 768 px) inchangé. */
@media (min-width: 769px) {
  .menu-navigation {
    gap: 8px;
  }
  .bouton-menu {
    padding-left: 14px;
    padding-right: 14px;
  }
}