/**
 * Alleen wat het formulier nodig heeft om te werken.
 *
 * De vormgeving staat in het thema: dit blok gebruikt dezelfde klassenamen als
 * de placeholder die het thema rendert, dus die opmaak blijft gelden. Hier staat
 * uitsluitend wat met verzenden te maken heeft en dus niet in het thema hoort,
 * want dat moet een themawissel overleven.
 *
 * Kleuren komen uit de presets van theme.json, met een terugval voor het geval
 * er een thema onder ligt dat die niet heeft.
 */

/* Het honeypotveld. Niet display:none: een deel van de bots slaat velden over
   die zo verborgen zijn, en dan vangt de val niets. Uit beeld schuiven werkt
   wel, en aria-hidden plus tabindex=-1 houden hem weg bij wie een schermlezer
   of het toetsenbord gebruikt. */
.gb-form__hp {
	position: absolute !important;
	left: -9999px !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.gb-form__fout {
	margin: 0.75em 0 0;
	padding: 0.6em 0.9em;
	border-left: 3px solid var(--wp--preset--color--primary, currentColor);
	background: rgba(0, 0, 0, 0.04);
	font-size: 0.95em;
}

/* Een melding na een geslaagde inzending. Geen foutkleur: er is niets misgegaan
   met het bericht zelf, er is alleen iets niet meegekomen. */
.gb-form__fout--melding {
	border-left-color: var(--wp--preset--color--secondary, currentColor);
}

.gb-form.is-bezig {
	opacity: 0.7;
	pointer-events: none;
}

.gb-form.is-bezig .gb-form__submit {
	cursor: progress;
}

.gb-form__gelukt {
	text-align: center;
}

.gb-form__gelukt:focus {
	outline: none;
}

/* Zonder deze regel staat het succespaneel er bij een verzonden formulier
   zonder stappen naast in plaats van in de plaats van de velden. */
.gb-form.is-verzonden > .gb-form__fields,
.gb-form.is-verzonden > .gb-form__acties {
	display: none;
}