/**
 * Cabrio Contact: only what a form cannot do without.
 *
 * Tout le reste vient du thème. Les règles sont posées dans :where(), donc sans
 * aucun poids : la moindre règle du thème sur un champ ou une étiquette passe
 * devant, et l'extension ne dicte ni police, ni couleur, ni taille.
 */

:where(.cab-contact-form) {
	display: grid;
	gap: 1em;
}

:where(.cab-contact-form__field) {
	display: grid;
	gap: 0.35em;
}

:where(.cab-contact-form__field input, .cab-contact-form__field textarea, .cab-contact-form__field select) {
	box-sizing: border-box;
	width: 100%;
	font: inherit;
}

:where(.cab-contact-form__error) {
	font-size: 0.85em;
}

:where(.cab-contact-form__notice) {
	margin: 0;
}

/*
 * LE PIÈGE, hors de vue mais présent. Pas de display:none : un robot passe les
 * champs que le navigateur cache, il remplit ceux qu'il trouve. Celle-ci a du
 * poids, et c'est voulu : un thème ne doit jamais le faire réapparaître.
 */
.cab-contact-form__trap {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}