/* BoemBoost Forms 1.0.0 — formulier op de pagina + agenda-veld.
   Paneel, velden en knoppen komen uit de theme (assets/css/form.css); hier alleen wat nieuw is. */

/* ── Formulier direct op een pagina ── */
.bb-lead-inline {
  background: var(--bb-lead-bg, #fff);
  color: var(--bb-lead-text, var(--bb-text, #0d1f1f));
  border-radius: var(--bb-lead-radius, 16px);
  padding: 26px 22px;
  max-width: 560px;
  margin: 0 auto;
  text-align: left;
}
.bb-lead-inline .bb-lead-sheet__title { padding-right: 0; }
.bb-lead-inline .bb-lead-sheet__success { padding-top: 6px; }

/* ── Agenda: maakt niet uit + datum + tijd ── */
.bb-lead-when__label { display: block; font-size: 0.8rem; font-weight: 600; margin-bottom: 6px; color: var(--bb-lead-label, inherit); }
.bb-lead-when__asap { display: flex !important; align-items: center; gap: 8px; font-weight: 500 !important; font-size: 0.9rem !important; margin: 0 0 8px !important; cursor: pointer; }
.bb-lead-f .bb-lead-when__asap input[type=checkbox] {
  width: 18px; height: 18px; margin: 0; padding: 0; flex-shrink: 0;
  -webkit-appearance: checkbox; appearance: checkbox; accent-color: var(--bb-dark, #003b3b);
}
.bb-lead-when__row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bb-lead-when__row label { font-weight: 500 !important; font-size: 0.75rem !important; opacity: 0.8; margin-bottom: 3px !important; }
.bb-lead-f .bb-lead-when__row input { min-height: 46px; }
.bb-lead-when.is-asap .bb-lead-when__row { opacity: 0.4; }
.bb-lead-when__hint { font-size: 0.75rem; opacity: 0.7; margin-top: 5px; }