/* reservation-restaurant-page.css — page « Réservation restaurant »
 * (template-reservation-restaurant.php). Complète css/creation-site-page.css,
 * dont la page réutilise le design system (<main id="creation-site-page"
 * class="rr-page">). Uniquement les blocs propres à la page (préfixe rr-).
 * CSS écrit à la main (pas de source LESS). */

/* ── Maquette du formulaire de réservation (hero) ───────────────── */
#creation-site-page .rr-win { max-width: 470px; margin-left: auto; }
#creation-site-page .rr-book { padding: 20px 22px 22px; background: #fff; color: #0e0e0c; }
#creation-site-page .rr-book-h { display: grid; gap: 3px; margin-bottom: 14px; }
#creation-site-page .rr-book-eye { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: #c9114f; }
#creation-site-page .rr-book-h b { font-family: "Source Serif 4", Georgia, serif; font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
#creation-site-page .rr-book-sub { font-size: 11.5px; color: #7a7a73; }
#creation-site-page .rr-book-l { display: block; margin: 12px 0 6px; font-size: 9.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #7a7a73; }
#creation-site-page .rr-chips, #creation-site-page .rr-days, #creation-site-page .rr-times { display: flex; flex-wrap: wrap; gap: 5px; }
#creation-site-page .rr-chips i, #creation-site-page .rr-times i {
  display: inline-grid; place-items: center; min-width: 30px; height: 28px; padding: 0 8px;
  border: 1px solid rgba(14,14,12,.12); border-radius: 8px; font-style: normal; font-size: 11.5px; font-weight: 650; font-variant-numeric: tabular-nums;
}
#creation-site-page .rr-days { flex-wrap: nowrap; }
#creation-site-page .rr-days i {
  display: flex; flex-direction: column; align-items: center; width: 50px; padding: 5px 2px;
  border: 1px solid rgba(14,14,12,.12); border-radius: 9px; font-style: normal;
}
#creation-site-page .rr-days small { font-size: 9px; color: #7a7a73; }
#creation-site-page .rr-days b { font-size: 15px; font-weight: 750; line-height: 1.15; }
#creation-site-page .rr-chips .on, #creation-site-page .rr-days .on, #creation-site-page .rr-times .on { border-color: #ee1760; background: #ee1760; color: #fff; }
#creation-site-page .rr-days .on small { color: rgba(255,255,255,.85); }
#creation-site-page .rr-times .off { opacity: .35; text-decoration: line-through; }
#creation-site-page .rr-book-btn {
  display: flex; align-items: center; justify-content: center; height: 38px; margin-top: 16px;
  border-radius: 10px; background: #ee1760; color: #fff; font-size: 12.5px; font-weight: 700;
}
#creation-site-page .rr-float-fill .cs-float-t { min-width: 150px; }
#creation-site-page .rr-fill { display: block; height: 6px; margin-top: 6px; border-radius: 99px; background: #f0efe9; overflow: hidden; }
#creation-site-page .rr-fill i { display: block; height: 100%; border-radius: 99px; background: #2f7d4f; }
#creation-site-page .cs-float--2.rr-float-fill .cs-float-ic { background: #e0ebe5; color: #1f5c39; }
#creation-site-page .cs-float--1 .cs-float-ic { background: #fde8ef; color: #c9114f; }

/* ── Modules « bientôt » ───────────────────────────────────────── */
#creation-site-page .rr-mod--soon { border-style: dashed; background: transparent; }
#creation-site-page .rr-soon {
  display: inline-flex; align-items: center; height: 19px; margin-left: 4px; padding: 0 8px; border-radius: 99px;
  background: #fcf9cd; color: #6b6000; font-size: 10.5px; font-style: normal; font-weight: 700; letter-spacing: .04em; vertical-align: 2px;
}

/* ── Parcours client : 3 étapes ────────────────────────────────── */
#creation-site-page .rr-steps { grid-template-columns: repeat(3, 1fr); }

/* ── Rôles RGPD ────────────────────────────────────────────────── */
#creation-site-page .rr-roles-l { margin: 0; }
#creation-site-page .rr-roles-l > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 16px 18px; border-top: 1px solid rgba(14,14,12,.10); }
#creation-site-page .rr-roles-l > div:first-child { border-top: 0; }
#creation-site-page .rr-roles-l dt { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: #6b6a63; padding-top: 2px; }
#creation-site-page .rr-roles-l dd { margin: 0; font-size: 13.5px; line-height: 1.55; color: #3a3a36; }
#creation-site-page .rr-roles-l dd b { color: #0e0e0c; }
#creation-site-page .rr-link { color: #c9114f; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* ── Conditions du service ─────────────────────────────────────── */
#creation-site-page .rr-terms-s { border-top: 1px solid rgba(14,14,12,.10); }
#creation-site-page .rr-terms-s .s-h { font-size: clamp(24px, 2.6vw, 32px); }
#creation-site-page .rr-terms { display: grid; gap: 22px; counter-reset: none; }
#creation-site-page .rr-terms li { scroll-margin-top: 120px; }
#creation-site-page .rr-terms h3 { font-family: "Source Serif 4", Georgia, serif; font-size: 17.5px; font-weight: 600; letter-spacing: -.01em; }
#creation-site-page .rr-terms h3 span { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 13px; color: #c9114f; }
#creation-site-page .rr-terms p { margin-top: 7px; font-size: 14px; line-height: 1.68; color: #3a3a36; text-wrap: pretty; }

/* ── Repli ─────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  #creation-site-page .rr-steps { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px) {
  #creation-site-page .rr-win { margin: 0 auto; }
}
@media (max-width: 720px) {
  #creation-site-page .rr-steps { grid-template-columns: 1fr; }
  #creation-site-page .rr-book { padding: 16px; }
  #creation-site-page .rr-days { overflow: hidden; }
  #creation-site-page .rr-roles-l > div { grid-template-columns: 1fr; gap: 4px; }
  #creation-site-page .rr-float-fill .cs-float-t { min-width: 120px; }
}

/* Mots forts du chapô (le <b> y est réservé aux adresses en police mono). */
#creation-site-page .cs-hero-sub strong { font-weight: 600; color: #0e0e0c; }