/* Foutstaat van velden, inline foutmeldingen per veld. */

.ap-form .ap-field-error {
	border-color: #d63638 !important;
}

/* De melding staat buiten de flow (absoluut onder het veld) zodat de hoogte van .ap-form-field
   niet verandert — iconen in het veld zijn t.o.v. die hoogte gepositioneerd en zouden anders
   verschuiven. De ruimte ervoor komt uit een margin onder het veld (margin telt niet mee in
   de hoogte van het veld zelf). */
.ap-form .ap-form-field {
	position: relative;
}

.ap-form .ap-form-field:has( .ap-error-message ) {
	margin-bottom: 1.25rem;
}

.ap-form .ap-error-message {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 0.5rem;
	color: #d63638;
	font-size: 0.875rem;
	line-height: 1.2;
}