/*
 * Rigo Forms — CSS MINIMAL, côté visiteur.
 *
 * ⚠️ Règle : ce fichier n'habille PAS le formulaire. L'apparence vient du `client.css`
 * du site (les classes de la maquette). On ne met ici que l'indispensable :
 * masquer le piège à robots, et rendre lisible le message de retour.
 */

/* Piège à robots : invisible à l'œil, mais rempli par les automates.
   On ne l'enlève pas du flux avec display:none — certains robots l'ignorent alors. */
.rigo-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Message de retour : rien tant qu'il est vide. */
.rigo-form-feedback:empty {
	display: none;
}

.rigo-form-feedback.is-error {
	color: #b3261e;
}

.rigo-form-feedback.is-success {
	font-weight: 600;
}

[data-rigo-form] [type="submit"][disabled] {
	opacity: .6;
	cursor: progress;
}

/* --------------------------------------------------------------------------
 * Habillage de secours : ne s'applique QUE si aucune maquette n'a posé ses
 * classes (habillage par défaut). Dès que l'intégrateur pose `form-grid`,
 * `field`, `btn`… ces règles ne matchent plus rien.
 * -------------------------------------------------------------------------- */
.rigo-form {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rigo-form-field {
	display: flex;
	flex-direction: column;
	gap: .35rem;
}

.rigo-form-field--full {
	grid-column: 1 / -1;
}

.rigo-form input,
.rigo-form select,
.rigo-form textarea {
	width: 100%;
	padding: .6rem .7rem;
	border: 1px solid currentColor;
	border-radius: 4px;
	font: inherit;
	background: transparent;
}

.rigo-form textarea {
	min-height: 8rem;
	resize: vertical;
}

@media (max-width: 640px) {
	.rigo-form {
		grid-template-columns: 1fr;
	}
}