/* Formulieren: honeypot en foutmelding.
   De opmaak van de velden zelf staat in 30-site.css en 40-componenten.css;
   hier staat alleen wat bij de afhandeling hoort. */

/* Het honeypot-veld. Onzichtbaar voor mensen, wél in de HTML voor bots.
   Bewust geen display:none — een deel van de bots slaat verborgen velden
   over zodra het zo overduidelijk is. Dit haalt het veld uit beeld zonder
   dat het "uit" staat. aria-hidden en tabindex houden het weg bij
   schermlezers en bij navigeren met Tab. */
.vx-vangnet {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* De melding die verschijnt als de server ons terugstuurde met ?fout=. */
.form-fout {
  margin: 0 0 22px;
  padding: 14px 18px;
  border: 1px solid #E4B4B4;
  border-left: 3px solid #C05353;
  border-radius: var(--radius-sm);
  background: #FDF6F6;
  color: #7A2E2E;
  font-size: .92rem;
  line-height: 1.5;
}

[aria-invalid="true"] {
  border-color: #C05353 !important;
}

/* Tijdens het versturen: knop op slot, zodat een dubbelklik geen tweede
   aanvraag en geen tweede conversie oplevert. */
button[data-bezig] {
  opacity: .6;
  cursor: progress;
}