/* Aeolus Statistieken — vraag "Hoe heb je ons leren kennen?" na het inschrijven */

.ast-vraag {
	--ast-accent: rgb(253, 39, 39);
	margin: 20px 0;
	padding: 18px 20px;
	border: 1px solid #e3e7ec;
	border-radius: 12px;
	background: #fff;
	color: inherit;
	font-family: inherit;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
	transition: opacity .15s;
}
.ast-vraag--bezig { opacity: .5; pointer-events: none; }

.ast-vraag-plek--auto { margin-top: 8px; }

.ast-vraag .ast-vraag-titel { margin: 0 0 4px; font-weight: 600; font-size: 1.05em; }
.ast-vraag .ast-vraag-sub   { margin: 0 0 14px; font-size: .9em; opacity: .7; }

.ast-vraag .ast-vraag-knoppen { display: flex; flex-wrap: wrap; gap: 8px; }

/* Specificiteit verhoogd zodat thema-knopstijlen (paarse rand e.d.) niet winnen */
.ast-vraag .ast-vraag-knop.ast-vraag-knop {
	appearance: none;
	margin: 0;
	padding: 8px 14px;
	border: 1.5px solid #cdd5df;
	border-radius: 20px;
	background: #fff;
	color: #333;
	font: inherit;
	font-size: .92em;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	box-shadow: none;
}
.ast-vraag .ast-vraag-knop.ast-vraag-knop:hover,
.ast-vraag .ast-vraag-knop.ast-vraag-knop:focus-visible {
	border-color: var(--ast-accent);
	color: var(--ast-accent);
	background: rgba(253, 39, 39, .06);
}
.ast-vraag .ast-vraag-knop.ast-vraag-knop--primair,
.ast-vraag .ast-vraag-knop.ast-vraag-knop--primair:hover {
	border-color: var(--ast-accent);
	background: var(--ast-accent);
	color: #fff;
}
.ast-vraag .ast-vraag-knop:focus:not(:focus-visible) { outline: none; }
.ast-vraag .ast-vraag-knop:focus-visible { outline: 2px solid var(--ast-accent); outline-offset: 2px; }

.ast-vraag .ast-vraag-anders { display: flex; gap: 8px; margin-top: 10px; }
.ast-vraag .ast-vraag-anders[hidden] { display: none; }
.ast-vraag .ast-vraag-anders input {
	flex: 1;
	min-width: 0;
	padding: 8px 12px;
	border: 1.5px solid #cdd5df;
	border-radius: 8px;
	font: inherit;
}
.ast-vraag .ast-vraag-anders input:focus { outline: none; border-color: var(--ast-accent); }

.ast-vraag .ast-vraag-overslaan.ast-vraag-overslaan {
	appearance: none;
	margin: 12px 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: .85em;
	opacity: .6;
	text-decoration: underline;
	cursor: pointer;
	box-shadow: none;
}
.ast-vraag .ast-vraag-overslaan:hover { opacity: 1; background: none; color: inherit; }