/* ============================================================
   ORDER FORM ADDITIONS (2026-10-21): passport names, the
   read-back panel, fare watch, flexible dates and the hotel
   preferences. Layered on orders.css. Phone first.
   ============================================================ */

.to-check { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; min-height: 44px; padding: 10px 0; font-weight: 500; }
.to-check input { width: 20px; height: 20px; margin: 2px 0 0; flex: 0 0 auto; accent-color: var(--c-ink); }

.to-extra { margin: 8px 0 4px; }
.to-watch { margin: 8px 0 0; padding: 16px; border: 1px solid var(--c-line); border-radius: var(--r-md); }
.to-watch legend { font-weight: 600; padding: 0 6px; }
.to-watch .to-fine { margin: 0 0 10px; }
.to-watch__row { display: flex; gap: 8px; flex-wrap: wrap; }
.to-watch__row input { flex: 1 1 140px; max-width: 220px; }
.to-watch__row select { flex: 0 0 auto; }

.to-pax-h { margin: 0 0 6px; }
.to-pax { margin: 0 0 10px; padding: 12px 14px; border: 1px solid var(--c-line); border-radius: var(--r-md); }
.to-pax legend { font-size: var(--t-small); font-weight: 600; color: var(--c-muted); padding: 0 6px; }
.to-pax__row { display: grid; gap: 10px; grid-template-columns: 1fr; }
@media (min-width: 600px) { .to-pax__row { grid-template-columns: 1fr 1fr; } }
.to-pax input { text-transform: uppercase; letter-spacing: 0.02em; }

.to-readback { margin: 20px 0 12px; padding: 18px; border-radius: var(--r-md); background: var(--c-bg-alt); border-left: 4px solid var(--c-gold); }
.to-readback h2 { margin-top: 0; }
.to-readback__list { margin: 0 0 8px; padding-left: 18px; }
.to-readback__list li { margin: 4px 0; font-weight: 600; letter-spacing: 0.01em; }
.to-check--confirm { font-weight: 600; }