/* ========================================================================== */
/* -------------------- Gravity Forms : habillage du thème ------------------- */
/* ========================================================================== */
/*
 * Thème de formulaire : Orbital (Gravity Forms 2.7+, testé sur 3.2.1).
 *
 * Les couleurs de base (primaire, champs, libellés, bouton), la taille et le
 * rayon des champs sont réglés en PHP dans include/gravity-forms.php (filtre
 * gform_default_styles) : Gravity Forms les injecte en ligne sur chaque
 * formulaire avec une spécificité d'ID, une feuille de style ne peut donc pas
 * les surcharger proprement.
 *
 * Ce fichier ne touche qu'aux variables qu'Orbital n'injecte pas. Passer par
 * ses variables plutôt que par les propriétés couvre d'un coup tous les états
 * (survol, focus, désactivé, erreur) sans course à la spécificité.
 */

.gform-theme.gform-theme--framework.gform_wrapper {
	/* Titre, description et légendes héritent de cette police, pas seulement les champs */
	font-family: var(--font-albert);

	/* Typographie */
	--gf-font-family-base: var(--font-albert);
	--gf-font-size-primary: 1.125rem;
	--gf-ctrl-label-font-weight-primary: 600;

	/* Rythme */
	--gf-form-gap-y: 2rem;
	--gf-form-gap-x: 1.5rem;
	--gf-form-footer-margin-y-start: 2.5rem;

	/* Champs : 50px de haut pour un rayon de 25px = forme pilule */
	--gf-ctrl-size-lg: 50px;
	--gf-ctrl-padding-x: 1.25rem;
	--gf-ctrl-border-width: 1.5px;
	--gf-ctrl-shadow: none;
	--gf-ctrl-border-color-hover: rgba(var(--black-title-rgb), 0.6);
	--gf-ctrl-placeholder-color: rgba(var(--black-title-rgb), 0.45);
	--gf-ctrl-textarea-radius: var(--gf-ctrl-radius); /* Orbital le plafonne à 8px par défaut */

	/* Focus : même halo que les boutons du site (--bs-btn-focus-box-shadow) */
	--gf-ctrl-outline-color-focus: rgba(var(--gf-color-primary-rgb), 0.3);
	--gf-ctrl-outline-width-focus: 0.25rem;
	--gf-ctrl-outline-offset: 0;

	/* Boutons : proportions de .btn */
	--gf-ctrl-btn-font-size-lg: 1.25rem;
	--gf-ctrl-btn-shadow: none;
	--gf-ctrl-btn-shadow-hover: none;

	/* Bouton principal : comportement de .btn-primary (s'évide au survol) */
	--gf-ctrl-btn-border-width-primary: 1.5px;
	--gf-ctrl-btn-border-color-primary: var(--gf-color-primary);
	--gf-ctrl-btn-bg-color-hover-primary: transparent;
	--gf-ctrl-btn-color-hover-primary: var(--gf-color-primary);
	--gf-ctrl-btn-border-color-hover-primary: var(--gf-color-primary);

	/* Bouton secondaire (« Précédent ») : comportement de .btn-transparent */
	--gf-ctrl-btn-border-width-secondary: 1.5px;
	--gf-ctrl-btn-bg-color-secondary: transparent;
	--gf-ctrl-btn-color-secondary: var(--gf-color-primary);
	--gf-ctrl-btn-bg-color-hover-secondary: var(--gf-color-primary);
	--gf-ctrl-btn-color-hover-secondary: var(--gf-color-primary-contrast);
	--gf-ctrl-btn-border-color-hover-secondary: var(--gf-color-primary);

	/* Séparateur de section : même filet que .title-module */
	--gf-field-section-border-color: var(--border-color);
	--gf-field-section-border-width: 2px;

	/* Récapitulatif d'erreurs */
	--gf-form-validation-radius: 1rem;
}

/* GF injecte la couleur de bordure du bouton secondaire en ligne sur le
   formulaire : on la redéclare sur le bouton lui-même, qui l'emporte. */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button--secondary {
	--gf-ctrl-btn-border-color-secondary: var(--gf-color-primary);
}


/* style.css (ancienne intégration GF) ajoute 5px sous chaque choix,
   en plus de l'espacement déjà géré par Orbital. */
.gform-theme.gform-theme--framework.gform_wrapper .gchoice {
	margin-bottom: 0;
}


/* -------- En-tête du formulaire -------- */

/* Même traitement que .title-module */
.gform-theme.gform-theme--framework.gform_wrapper .gform_heading .gform_title {
	margin: 0 0 1.25rem;
	padding-bottom: 0.75rem;
	border-bottom: solid 2px var(--border-color);
	color: var(--black-title);
	font-family: var(--font-albert);
	font-size: var(--font-size-module-title);
	font-weight: 500;
	text-wrap: balance;
}

.gform-theme.gform-theme--framework.gform_wrapper .gform_heading .gform_description {
	color: rgba(var(--black-title-rgb), 0.8);
	font-size: 1.25rem;
	line-height: 1.4;
}

.gform-theme.gform-theme--framework.gform_wrapper .gform_required_legend {
	color: rgba(var(--black-title-rgb), 0.65);
	font-size: 0.9375rem;
}


/* -------- Séparateur de section -------- */

.gform-theme.gform-theme--framework.gform_wrapper .gsection_title {
	color: var(--black-title);
	font-family: var(--font-albert);
	font-size: 1.5rem;
	font-weight: 500;
}


/* -------- Message de confirmation -------- */

/* Remplace la boîte verte héritée de style.css (couleurs Bootstrap « success ») */
body .gform_confirmation_wrapper {
	box-sizing: border-box; /* style.css lui impose width: 100% : sans ça, le padding déborde */
	padding: 2rem 2.5rem;
	border: solid 1.5px var(--beige-background);
	border-radius: var(--price-table-radius);
	background-color: var(--beige-background-var);
	color: var(--black-title);
	font-family: var(--font-albert);
	font-size: 1.25rem;
	line-height: 1.4;
	text-align: center;
}

body .gform_confirmation_wrapper .gform_confirmation_message > :last-child {
	margin-bottom: 0;
}