/* =====================================================================
   a11y.css — Accessibilité : focus visible, réduction de mouvement.
   Chargé en dernier pour garantir la priorité de ces règles.
   ===================================================================== */

/* Le reset de styles.css supprime le contour natif des boutons — on le
   restitue explicitement pour la navigation au clavier. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2.5px solid var(--primary-d);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.cat-tab:focus-visible, .add-btn:focus-visible, .cart-badge:focus-visible {
  outline-offset: 3px;
}
.hero-actions .btn:focus-visible,
.footer-brand .btn:focus-visible {
  outline-color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .hero-section::before,
  .hero-dish,
  .ribbon-track,
  .status-dot.is-live {
    animation: none !important;
  }
  .u-reveal, .u-reveal--stagger > * {
    opacity: 1 !important;
    transform: none !important;
  }
}