/* =========================================================
   BOOK-CONSULTATION.CSS — Book Consultation page only. Explicitly
   reuses contact.css's design system as-is (glass-form-panel,
   fl-field floating labels, form-check, form-success, hero-tags,
   hero-contact mesh) per the brief's "exact same as Contact page"
   instruction — imported alongside it, not duplicated. The only two
   pieces Contact doesn't already have: the checkmark reason list and
   the meeting-mode pill radios.
   ========================================================= */

/* ---------- "Why Book a Consultation?" checkmark list ---------- */
.reason-list{ display:flex; flex-direction:column; gap:14px; margin-top:28px; }
.reason-item{
  display:flex; align-items:center; gap:14px; background: var(--white); border:1px solid var(--rule);
  border-radius:14px; padding:16px 20px; font-size:.94rem; color: var(--ink);
  transition: border-color .3s, box-shadow .3s, transform .3s var(--ease);
}
.reason-item:hover{ border-color: var(--teal); box-shadow: var(--shadow-card); transform: translateX(4px); }
.reason-item .check-mark{
  flex-shrink:0; width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
  background: rgba(10,154,144,.12); color: var(--teal-deep); font-size:.8rem;
}

/* ---------- Meeting-mode pill radios ---------- */
.pill-radio-group{ display:flex; gap:10px; flex-wrap:wrap; }
.pill-radio{ position:relative; }
.pill-radio input{ position:absolute; opacity:0; width:1px; height:1px; }
.pill-radio label{
  display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:999px;
  border:1px solid var(--rule); cursor:pointer; font-size:.83rem; font-weight:500; color: var(--ink);
  margin:0; transition: all .25s;
}
.pill-radio input:checked + label{ background: var(--teal-deep); border-color: var(--teal-deep); color:#fff; }
.pill-radio input:focus-visible + label{ box-shadow: 0 0 0 3px rgba(10,154,144,.25); }
.pill-radio-group-wrap.has-error .pill-radio label{ border-color:#C0392B; }
.pill-radio-group-wrap .fl-field-error{ display:none; }
.pill-radio-group-wrap.has-error .fl-field-error{ display:block; }