/* RamCabz website v2 -- page CSS for lane B4 (clients, contact, book, privacy, terms). 13 Oct 2026.
   Loaded after site.css. Uses only the design variables from site.css; nothing here changes shared parts. */

/* clients.html */
.page-clients .chips li { min-height: 44px; display: inline-flex; align-items: center; }
.page-clients .clients-note { margin-top: 24px; }

/* contact.html */
.contact-split { align-items: start; }
.contact-block address p { margin-bottom: 1em; }
.contact-block .btn-link { padding: 0; }
.find-us { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--line); }
.find-us h3 { margin-bottom: 10px; }
.find-us p { margin-bottom: 14px; }
.contact-block address a { text-underline-offset: 3px; }

/* book.html */
.book-wrap { max-width: 760px; margin: 0 auto; }
.book-form [role="tabpanel"] { margin-bottom: 14px; }
.book-form .form-grid + .form-grid { margin-top: 14px; }
.book-form .btn-row { margin-top: 6px; }
.book-form .btn-row .btn { flex: 1 1 220px; }
/* three tabs must all be visible on a phone: stack them full width there, one row from 560 px up */
.book-form .tabs { margin-bottom: 20px; flex-direction: column; overflow: visible; }
.book-form .tabs [role="tab"] { flex: 0 0 auto; width: 100%; min-height: 48px; }
@media (min-width: 560px) {
  .book-form .tabs { flex-direction: row; }
  .book-form .tabs [role="tab"] { flex: 1 1 0; width: auto; }
}

/* privacy.html and terms.html */
.legal .prose p { max-width: 68ch; }
.legal .prose h2 { margin-top: 1.8em; }
.legal .prose a { text-underline-offset: 3px; }