/* ============================================================
   Booking form widget

   The form primitives (.hs-form, .hs-field, .hs-field-row) live in core.css so
   the widget and the theme's own forms match. This adds the status messages and
   the alternate-contact line.
   ============================================================ */

.hs-bform{max-width:640px}
/* Inside a modal the form is already in a card, so core.css strips the frame —
   but it also needs to stop being width-capped or it sits off-centre in the
   860px box. */
.hs-modal__box .hs-bform{max-width:none}

.hs-bform__alt{
  margin:16px 0 0;
  text-align:center;
  font-size:13px;
  color:var(--hs-muted);
}
.hs-bform__alt a{color:var(--hs-w-accent,var(--hs-accent));font-weight:700}

/* ---- Status ----
   Both carry role=status / role=alert in the markup so a screen reader announces
   them; these are only the visuals. Success is the felt green rather than the
   accent, because the accent is also every button on the page and a green
   confirmation reads as "done" rather than "another thing to click". */
.hs-bform__ok,
.hs-bform__err{
  padding:16px 20px;
  margin-bottom:22px;
  border-radius:0 12px 12px 0;
  font-size:14.5px;
}
.hs-bform__ok{
  background:rgba(31,138,91,.14);
  border-left:3px solid var(--hs-felt);
  color:var(--hs-text);
}
.hs-bform__err{
  background:rgba(200,50,47,.14);
  border-left:3px solid var(--hs-red);
  color:var(--hs-text);
}