/* ============================================================
   louelafête — Correctifs mobile P3
   Finition et confiance (points 13, 14 et 17 de l'audit).
   À charger APRÈS style.css, apple-theme.css, mobile-p1.css et mobile-p2.css.
   ============================================================ */

/* ── P3.13 — Le retour tactile : au doigt, :hover n'existe pas.
   L'appui `scale(.96)` du design system devient la règle sur tout ce qui
   se touche : boutons, cartes, jours de calendrier, steppers, FAQ. ── */
@media (hover: none) {
  .btn,
  .nav__cta,
  .cta-mobile__btn,
  .pack,
  .resa-carte,
  .confiance__item,
  .faq__question,
  .panier__btn,
  .quiz-modal__fermer,
  .galerie__item,
  .flatpickr-day,
  .reserver__date-badge,
  .packs-carousel__dot {
    -webkit-tap-highlight-color: transparent;
    transition: transform .12s cubic-bezier(.2,.7,.2,1), background-color .12s linear, color .12s linear;
  }
  .btn:active,
  .nav__cta:active,
  .cta-mobile__btn:active,
  .faq__question:active,
  .panier__btn:active,
  .quiz-modal__fermer:active,
  .flatpickr-day:active,
  .reserver__date-badge:active,
  .packs-carousel__dot:active { transform: scale(.96); }

  /* Les cartes sont grandes : un enfoncement plus discret suffit à dire
     « c'est pris en compte » sans donner l'impression que ça se déforme. */
  .pack:active,
  .resa-carte:active,
  .confiance__item:active,
  .galerie__item:active { transform: scale(.985); }

  /* Désactivé : aucun mouvement, comme le veut le design system */
  .btn:disabled:active,
  .btn[disabled]:active { transform: none; }
}
@media (hover: none) and (prefers-reduced-motion: reduce) {
  .btn:active, .nav__cta:active, .cta-mobile__btn:active, .pack:active,
  .resa-carte:active, .confiance__item:active, .faq__question:active,
  .panier__btn:active, .flatpickr-day:active, .galerie__item:active { transform: none; }
}

/* ── P3.14 — Menu hamburger : le contenu derrière ne doit plus défiler ── */
body.menu-ouvert { overflow: hidden; }

/* ── P3.17 — Appeler est le premier réflexe le soir : le numéro entre dans
   le menu, avec l'amplitude horaire, pour couper l'hésitation. ── */
.nav__tel { display: none; }
@media (max-width: 640px) {
  .nav__tel {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin-top: 6px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.18);
    color: #f6f4f0;
    font-weight: 600;
    letter-spacing: -.374px;
  }
  .nav__tel svg { width: 18px; height: 18px; flex: none; }
  .nav__tel small {
    display: block;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0;
    color: rgba(246,244,240,.62);
  }
  .nav__tel:active { transform: scale(.96); }
}