/* ===== DISONS DINETTE — Page "Réserver ma semaine" (pieds sous la table) ===== */
/* Vient compléter legal.css + pieds-sous-la-table.css (hero, boutons) + contact.css (styles de formulaire) */

.psr-wrap {
  max-width: 760px; margin: 0 auto; padding: 48px 24px 90px;
}

/* ===== RÉCAPITULATIF AVANT DE RÉSERVER ===== */
.psr-recap {
  background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: 16px;
  padding: 28px 32px; margin-bottom: 32px;
  box-shadow: 0 6px 24px rgba(0,0,0,.05);
}
.psr-recap h2 { font-size: 1.15rem; margin-bottom: 16px; }
.psr-recap ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.psr-recap li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: .87rem; color: #555; line-height: 1.55;
}
.psr-recap li svg { flex-shrink: 0; width: 17px; height: 17px; margin-top: 2px; color: var(--vert-moyen); }
.psr-recap li strong { color: var(--vert-fonce); }

/* ===== SÉLECTION DE PLATS DANS LE FORMULAIRE ===== */
.psr-dish-fieldset { border: none; margin: 0 0 22px; padding: 0; }
.psr-dish-fieldset legend {
  font-size: .82rem; font-weight: 500; color: var(--vert-fonce); margin-bottom: 10px; padding: 0;
}
.psr-dish-hint { font-size: .78rem; color: #888; margin: -4px 0 12px; }
.psr-dish-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px;
  background: var(--creme); border: 1px solid #e2ddd3; border-radius: 6px;
  padding: 16px 18px; max-height: 260px; overflow-y: auto;
}
.psr-dish-option {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: .83rem; color: var(--noir); line-height: 1.4;
  cursor: pointer;
}
.psr-dish-option input { margin-top: 3px; accent-color: var(--rose); flex-shrink: 0; }

.psr-menu-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .82rem; color: var(--rose); text-decoration: none; font-weight: 500;
  margin-bottom: 22px;
}
.psr-menu-link:hover { text-decoration: underline; }

@media (max-width: 600px) {
  .psr-recap { padding: 22px 20px; }
  .psr-dish-grid { grid-template-columns: 1fr; max-height: 220px; }
}