/* ==========================================================================
   Page de vente de la réservation en ligne (/reservation), après menu-qr.css et offrir.css.
   Ici seulement l'écran du téléphone dessiné : la page de réservation vue par le client.
   ========================================================================== */
.re-scene .mq-tel { margin-top: 0; }
.re-ecran { height: 520px; }
.re-tel__corps { padding: 14px 14px 0; }
.re-tel__titre { margin: 0 0 8px !important; font-size: 0.8rem !important; font-weight: 800; }
.re-tel__titre:not(:first-child) { margin-top: 14px !important; }
.re-tel__jours { display: flex; gap: 6px; }
.re-tel__jours span { display: grid; justify-items: center; width: 48px; padding: 6px 0; border: 1px solid #e6e1d6; border-radius: 10px; background: #fff; font-weight: 800; font-size: 1rem; line-height: 1.15; }
.re-tel__jours small { font-size: 0.6rem; font-weight: 500; color: #6b7a73; }
.re-tel__jours .is-on { background: #1f5f4a; border-color: #1f5f4a; color: #fff; }
.re-tel__jours .is-on small { color: rgba(255, 255, 255, 0.8); }
.re-tel__jours .is-off { opacity: 0.4; }
.re-tel__heures { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.re-tel__heures span { padding: 7px 0; border: 1px solid #e6e1d6; border-radius: 999px; background: #fff; text-align: center; font-size: 0.75rem; font-weight: 700; }
.re-tel__heures .is-on { background: #1f5f4a; border-color: #1f5f4a; color: #fff; }
.re-tel__heures .is-off { opacity: 0.35; text-decoration: line-through; }
.re-tel__compteur { display: inline-flex; align-items: center; border: 1px solid #e6e1d6; border-radius: 999px; background: #fff; }
.re-tel__compteur span { width: 34px; text-align: center; color: #1f5f4a; font-size: 1.1rem; }
.re-tel__compteur b { width: 34px; padding: 5px 0; text-align: center; border-left: 1px solid #e6e1d6; border-right: 1px solid #e6e1d6; }
.re-tel__btn { margin: 16px 0 0; padding: 11px; border-radius: 12px; background: #1f5f4a; color: #fff; text-align: center; font-weight: 800; font-size: 0.85rem; }
@media (max-width: 575.98px) { .re-ecran { height: 470px; } }