/*
 * Opmaak voor het Turnstile-blok.
 *
 * Staat bewust in een eigen bestand: cfr-widget.css wordt door tools/scope-css.js
 * uit de oude standalone style.css gegenereerd, dus alles wat daar met de hand in
 * gezet wordt verdwijnt bij de eerstvolgende omzetting.
 *
 * De wrapper-klasse staat er twee keer in, net als in de andere stylesheets, om
 * de specificiteit op 0-2-0 te krijgen tegenover de themaopmaak.
 */

/*
 * Standaard onzichtbaar. Turnstile laat in de stille modus niets zien zolang het
 * bezoek gewoon lijkt, en dan hoort hier ook geen lege strook in het formulier te
 * staan - het formulier is een grid met 1rem tussenruimte, dus zelfs een blok van
 * nul pixels hoog zou een gat achterlaten. De JS zet is-visible erop zodra er echt
 * iets te zien is: een vraag van Turnstile of een foutmelding.
 */
.cliffs-reservering-form.cliffs-reservering-form .captcha-wrap {
	display: none;
	flex-direction: column;
	gap: 0.2rem;
}

.cliffs-reservering-form.cliffs-reservering-form .captcha-wrap.is-visible {
	display: flex;
}

/* Op een smalle telefoon is de widget anders breder dan het formulier. */
.cliffs-reservering-form.cliffs-reservering-form .captcha-widget iframe {
	max-width: 100%;
}