/* ============================================================
   Balance Farm — enquiry modal
   Same narrow sheet as auth (.bkflow--sheet in modal-shell.css):
   the subpage list sits at the top like a title, the active one in
   ink and the rest at 20%, then the form for that type below.
   Every block owns 20px of padding, as in auth.
   ============================================================ */

/* ---- subpage list, doubling as the title ---- */
.enq__types {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--s-5);
}
.enq__type {
  padding: 0;
  background: none;
  border: none;
  font-family: inherit;
  font-size: clamp(var(--t-xl), 6vw, var(--t-2xl));
  font-weight: var(--w-medium);
  letter-spacing: var(--t-2xl-track);
  line-height: 100%;
  color: var(--ink-15);
  text-align: left;
  cursor: pointer;
  transition: color 200ms ease;
}
@media (hover: hover) {
  .enq__type:hover { color: var(--ink-45); }
}
.enq__type.is-active { color: var(--color-ink); }

/* ---- per-type form ---- */
.enq__pane { display: none; }
.enq__pane.is-active {
  display: block;
  animation: bk-pane 340ms var(--e-move) both;
}
.bkflow--enquiry .bkflow__fields { padding: var(--s-5); }
.enq__textarea {
  height: 200px;
  resize: none;
  line-height: 1.5;
}

/* ---- consent ---- */
.enq__consent {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px 20px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.enq__consent-box {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.enq__consent-circle {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: var(--r-pill);
  border: 1px solid var(--ink-30);
  transition: background var(--d-fast) ease, border-color var(--d-fast) ease;
}
.enq__consent-box:checked + .enq__consent-circle {
  background: var(--brand);
  border-color: var(--brand);
}
.enq__consent-box:focus-visible + .enq__consent-circle {
  box-shadow: 0 0 0 2px var(--ink-30);
}
.enq__consent-text { font-size: var(--t-sm); font-weight: var(--w-medium); letter-spacing: var(--t-sm-track); }

/* ---- submit ---- */
.bkflow--enquiry .bkflow__actions {
  position: static;
  display: flex;
  justify-content: center;
  padding: var(--s-5);
  margin: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 0;
}
.bkflow--enquiry .bkflow__actions-group { display: flex; align-items: center; gap: var(--s-4); }
.bkflow--enquiry .bkflow__next {
  width: auto;
  margin: 0;
  padding: 16px 32px;
  border-radius: var(--r-pill);
}
/* the booking flow turns .bkflow__next into a circular icon button on mobile;
   Submit is a labelled pill, so opt out of that here */
@media (max-width: 1024px) {
  .bkflow--enquiry .bkflow__actions button.bkflow__next {
    width: auto;
    height: auto;
    padding: 16px 32px;
    border-radius: var(--r-pill);
  }
  .bkflow--enquiry .bkflow__actions button.bkflow__next .bkflow__next-icon { display: none; }
}

/* ---- sent state: confirmation replaces the form ---- */
.bkflow--enquiry.is-sent .enq__pane,
.bkflow--enquiry.is-sent .enq__consent,
.bkflow--enquiry.is-sent .bkflow__actions { display: none; }
.enq__done {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-2);
  padding: 64px 24px;
  text-align: center;
}
.enq__done[hidden] { display: none; }
.enq__done-title,
.enq__done-text {
  font-size: clamp(var(--t-base), 1.35vw, var(--t-md));
  font-weight: var(--w-medium);
  letter-spacing: var(--t-md-track);
  line-height: 1.2;
  color: var(--color-ink);
}

/* ---- submit status ---- */
.enq__status {
  font-size: var(--t-xs); font-weight: var(--w-medium); letter-spacing: var(--t-xs-track);
  color: var(--color-ink);
}
.enq__status.is-error { color: var(--status-error); }
.enq__status[hidden] { display: none; }