/* Booking page (/book/) — ported from the standalone book.conferencecare.com.au site.
   Contact-modal styles dropped: this page links to /contact/ instead. */
/* Booking landing page — hero, patient steps, condition chips, consent + download cards.
   Only genuinely page-specific styles live here: the rebate callout uses the shared
   .callout/.callout-icon/.display-stat components and notes use .caption.
   The booking FORM moved to the portal (portal.conference.care/book, CC-1568); this page links
   to it, so all form/lookup/feedback styles are gone with it. */

/* Hero sits under the fixed header */
.bk-hero { padding-top: 128px; }

/* --- Choosing-the-patient steps --- */
.step-list {
  list-style: none; counter-reset: step; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: var(--space-s);
}
.step-list > li {
  counter-increment: step; position: relative;
  /* left inset clears the 32px number badge (+ its --space-m offset) */
  padding: var(--space-m) var(--space-m) var(--space-m) calc(var(--space-m) * 2 + 32px);
  background: var(--color-surface); border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xl);
}
.step-list > li::before {
  content: counter(step);
  position: absolute; left: var(--space-m); top: var(--space-m);
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  background: var(--color-primary); color: var(--brand-25);
  border-radius: var(--radius-full);
  font-size: var(--text-md); font-weight: var(--weight-bold);
}
.step-list > li h3 { font-size: var(--text-md); margin: var(--space-3xs) 0 var(--space-2xs); }
.step-list > li p { font-size: var(--text-md); color: var(--color-ink); margin: 0 0 var(--space-2xs); }
.step-list > li p:last-child { margin-bottom: 0; }

/* Condition chips inside step 1 */
.cond-chips {
  list-style: none; margin: 0 0 var(--space-xs); padding: 0;
  display: flex; flex-wrap: wrap; gap: var(--space-2xs);
}
.cond-chips li {
  padding: var(--space-3xs) var(--space-xs);
  background: var(--brand-50); border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-full);
  font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--color-secondary);
}

@media (max-width: 540px) {
  .step-list > li { padding-left: var(--space-m); padding-top: calc(var(--space-m) * 2 + 32px); }
  .cond-chips li { font-size: var(--text-2xs, 11px); }
}


/* --- The dedicated-clinician block on the pilot strip ---
   ⚠️ Deliberately not a card in a grid (owner, 2026-09-16: "I dont want the tiles at all"). One
   wide, accent-bordered band so the reassurance reads before anything else in the section. --- */
.pilot-support {
  display: flex; align-items: flex-start; gap: var(--space-m);
  margin-top: var(--space-l);
  padding: var(--space-m) var(--space-l);
  background: var(--color-surface);
  border: 1px solid var(--color-border-soft);
  border-left: 5px solid var(--color-accent);
  border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  box-shadow: var(--shadow-1, 0 1px 3px rgba(0,0,0,.06));
  text-align: left;
}
.pilot-support .chip-ic { flex: none; }
.pilot-support h3 { margin: 0 0 var(--space-3xs); font-size: var(--text-lg); color: var(--color-secondary); }
.pilot-support p { margin: 0; color: var(--color-ink-soft); }
@media (max-width: 560px) {
  .pilot-support { flex-direction: column; padding: var(--space-m); }
}