/*
 * Gravity Forms, thème du site (gravity-theme) : les formulaires de Promosapiens sortis de leur module PowerPack ou UABB.
 *
 * Choix de Marc (11/10/2026) : un seul style, celui du formulaire de devis (/devis/ : gravity-theme + thème Beaver, AUCUNE
 * feuille à lui), sauf le Contact (formulaire 2), qui garde sa version sombre : il est posé sur une ligne sombre
 * (modèle « Contact 2023 » inséré dans 9 pages, et /contact/).
 *
 * Toutes les règles visent le module HTML de Beaver (.fl-module-html) : tant qu'une vraie page porte encore le module
 * d'add-on, rien ici ne la touche (la feuille se charge sur toute page à formulaire du thème du site).
 * Partie 1 : formulaires clairs 1 (Catalogue), 6 (Pinterest), 9 (Communication), 10 (Best sellers).
 * Partie 2 : Contact sombre (2), relevé sur le module UABB en ligne le 11/10 (champs soulignés, texte blanc 20 px,
 * bouton orange plein largeur).
 */

/* ---------- Partie 1 : formulaires clairs ---------- */

/* Un champ « moyen » ou « petit » remplit sa colonne quand la colonne est déjà réduite (demi, tiers...). Sans ça, l'e-mail
   posé dans une demi-colonne ne faisait plus qu'un quart du formulaire (Communication, Catalogue), au bureau comme au
   téléphone (la colonne y passe en pleine largeur, le champ restait à moitié). Les champs moyens d'une ligne entière
   gardent leur demi-largeur, comme « Quantité » sur le devis. */
.fl-module-html :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_9, #gform_wrapper_10) [class*="gfield--width-"]:not(.gfield--width-full) :is(input.medium, input.small, select.medium, select.small) {
	width: 100%;
}

/* ---------- Partie 2 : Contact sombre ---------- */
.fl-module-html #gform_wrapper_2 {
	color: #ffffff;
}
.fl-module-html #gform_wrapper_2 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select) {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #f4f4f4;
	border-radius: 0;
	box-shadow: none;
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	padding: 15px 15px 20px;
}
.fl-module-html #gform_wrapper_2 :is(input, textarea)::placeholder {
	color: #ffffff;
	opacity: 1;
}
.fl-module-html #gform_wrapper_2 :is(input, textarea, select):focus {
	outline: none;
	border-bottom-color: #ff6600;
}
/* libellé de groupe (« Objet de votre requête ») souligné comme les champs */
.fl-module-html #gform_wrapper_2 :is(.gfield_label, legend.gfield_label) {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
}
.fl-module-html #gform_wrapper_2 fieldset.gfield legend.gfield_label {
	border-bottom: 1px solid #f4f4f4;
	width: 100%;
	margin-bottom: 8px;
}
.fl-module-html #gform_wrapper_2 .gfield_required {
	color: #c02b0a;
	margin-left: 4px;
}
/* case et texte sur la même ligne, le texte long passe à la ligne à côté de la case (et non sous elle) */
.fl-module-html #gform_wrapper_2 .gchoice {
	display: flex;
	align-items: flex-start;
	margin-bottom: 4px;   /* 28 px par choix, comme sous UABB */
}
.fl-module-html #gform_wrapper_2 fieldset.gfield--type-radio {
	margin-bottom: 20px;  /* l'air qu'il y avait avant « Votre Message » */
}
.fl-module-html #gform_wrapper_2 :is(.gchoice label, .gfield_consent_label) {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	flex: 1;
}
/* ronds et cases : carrés blancs, comme le module UABB ; coché = carré orange cerclé de blanc */
.fl-module-html #gform_wrapper_2 :is(input[type="radio"], input[type="checkbox"]) {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	margin: 2px 8px 0 4px;
	background: #ffffff;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	flex: none;
}
.fl-module-html #gform_wrapper_2 :is(input[type="radio"], input[type="checkbox"]):checked {
	background: #ff6600;
	box-shadow: inset 0 0 0 4px #ffffff;
}
.fl-module-html #gform_wrapper_2 :is(input[type="radio"], input[type="checkbox"]):focus-visible {
	outline: 2px solid #ff6600;
	outline-offset: 2px;
}
.fl-module-html #gform_wrapper_2 .gform_footer :is(input[type="submit"], button[type="submit"]) {
	width: 100%;
	background: #ff6600;
	border: 1px solid #ff6600;
	border-radius: 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	padding: 12px 24px;
}
.fl-module-html #gform_wrapper_2 .gform_footer :is(input[type="submit"], button[type="submit"]):hover {
	background: #e65c00;
	border-color: #e65c00;
}
/* messages d'erreur lisibles sur le fond sombre (le rouge du thème, #c02b0a, y est trop sombre) */
.fl-module-html #gform_wrapper_2 :is(.validation_message, .gform_validation_errors, .gform_submission_error) {
	color: #ff8a65;
	background: transparent;
	border-color: #ff8a65;
}