/* Aanmeldblok op de pagina van een bijeenkomst ([pk_aanmelden]). Kleuren en
   invoervelden komen uit de Avada-opties; hier alleen de opbouw. */

.pk-aanmelden__form {
	display: grid;
	gap: 16px;
}

.pk-aanmelden .pk-aanmelden__veld {
	display: grid;
	gap: 6px;
	margin: 0;
}

.pk-aanmelden__veld label {
	font-weight: 600;
	font-size: 15px;
}

.pk-aanmelden__veld input {
	width: 100%;
}

.pk-aanmelden__optioneel {
	font-weight: 400;
	color: var(--awb-color6);
}

.pk-aanmelden .pk-aanmelden__hulp,
.pk-aanmelden .pk-aanmelden__plaatsen {
	margin: 0;
	font-size: 14px;
	color: var(--awb-color6);
}

.pk-aanmelden .pk-aanmelden__plaatsen {
	margin-bottom: 16px;
	font-weight: 600;
	color: var(--awb-color8);
}

.pk-aanmelden__knop {
	justify-self: start;
}

.pk-aanmelden__link {
	padding: 0;
	border: 0;
	background: none;
	color: var(--awb-color5);
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
	justify-self: start;
}

.pk-aanmelden .pk-aanmelden__melding {
	margin: 0 0 16px;
	padding: 12px 16px;
	border-radius: 8px;
	border-left: 4px solid var(--awb-color5);
	background: var(--awb-color7);
	color: var(--awb-color8);
}

.pk-aanmelden .pk-aanmelden__melding--fout {
	border-left-color: var(--awb-custom_color_7);
	background: var(--awb-custom_color_8);
}

/* Honeypot: buiten beeld, niet voor schermlezers. */
.pk-aanmelden__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}