/*
 * HCOD-Form — styles du bloc formulaire.
 *
 * Volontairement minimal : la mise en forme des formulaires (form-card, form-grid,
 * field, btn) appartient au thème CAP 03. On ne couvre ici que ce que la maquette
 * d'origine ne prévoyait pas, parce que ses formulaires n'étaient pas fonctionnels :
 * consentement, erreurs de validation, piège à robots.
 *
 * Les couleurs empruntent les variables du thème et retombent sur une valeur
 * neutre si le plugin sert dans un autre contexte.
 */

/* ---------- Piège à robots ----------
   Doit être invisible et inatteignable pour un humain, y compris au clavier et
   au lecteur d'écran, sans être « display:none » que certains robots détectent. */
.hcod-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------- Consentement RGPD ---------- */
.hcod-consent {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.hcod-consent-label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--gris, #4c4a46);
	cursor: pointer;
	font-weight: 400;
}
.hcod-consent-label input[type="checkbox"] {
	margin-top: 3px;
	flex-shrink: 0;
	width: 17px;
	height: 17px;
	accent-color: var(--rouge, #8B1A42);
	cursor: pointer;
}
.hcod-consent-more {
	font-size: 13px;
	margin: 0;
	padding-left: 27px;
}
.hcod-consent-more a {
	color: var(--gris-clair, #8f8b84);
	text-decoration: underline;
}
.hcod-consent-more a:hover {
	color: var(--rouge, #8B1A42);
}

/* ---------- Erreurs de validation ---------- */
.field-required {
	color: var(--rouge, #8B1A42);
}
.field--error input,
.field--error select,
.field--error textarea,
.field--error input[type="checkbox"] {
	border-color: #b3261e;
}
.field-error {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #b3261e;
}

/* Message de succès : le thème ne définit que la variante « avertissement ». */
.form-notice--success {
	background: #e8f3ea;
	border-color: #bcdcc2;
	color: #1e6b34;
}

/* Le focus doit rester visible : on ne le supprime jamais, on le renforce. */
.hcod-form-wrap :is(input, select, textarea):focus-visible {
	outline: 2px solid var(--rouge, #8B1A42);
	outline-offset: 2px;
}