/*
 * Gravity Forms, thème Orbital : apparence des formulaires d'afictic.org (Contact, Adhésion, inscriptions Journée et Workshops).
 * Remplace le module « Gravity Form » d'UABB, dont elle reprend le look relevé le 09/10/2026 : formulaire posé sur une
 * ligne sombre (#191919), libellés clairs en gras, champs translucides soulignés d'un trait, texte des champs et bouton
 * jaunes, survol du bouton bleu. Seuls les formulaires en Orbital (shortcode theme="orbital") sont touchés : les sondages
 * des articles gardent le thème du site.
 *
 * Partie 1 = les couleurs de la marque AFICTIC. Partie 2 = les règles de ce look (propres à ce site : la feuille de
 * libreneurs.com dessine des champs clairs et arrondis, celle-ci des champs sombres soulignés).
 *
 * Pourquoi les !important sur les variables : Gravity Forms écrit dans chaque page un bloc
 * #gform_wrapper_N[data-form-index].gform-theme { --gf-... } (sélecteur à identifiant) qui bat toute feuille de site.
 */

/* ---------- Partie 1 : couleurs de la marque AFICTIC ---------- */
body .gform-theme--framework {
	/* jaune : texte des champs, champ actif, case cochée, bouton */
	--gf-color-primary: #fdc300 !important;
	--gf-color-primary-rgb: 253, 195, 0 !important;
	--gf-color-primary-contrast: #191919 !important;
	--gf-color-primary-contrast-rgb: 25, 25, 25 !important;
	--gf-color-primary-darker: #d9a700 !important;
	--gf-color-primary-lighter: #ffd23f !important;

	--lb-btn-bg: #fdc300 !important;
	--lb-btn-color: #191919 !important;
	--lb-btn-bg-hover: #006bad !important;       /* bleu AFICTIC */
	--lb-btn-color-hover: #ffffff !important;

	--lb-libelle: #f4f4f4 !important;            /* libellés, sur le fond sombre de la ligne */
	--lb-champ-fond: rgba(255, 255, 255, 0.05) !important;
	--lb-souligne: #cccccc !important;
	--lb-choix-fond: #f4f4f4 !important;         /* ronds et cases */
	--lb-necessaire: #c02b0a !important;
	--lb-doux: #757575 !important;
	--lb-lien: #2b7bb9 !important;               /* liens du thème du site (politique de confidentialité...) */
}

/* ---------- Partie 2 : le look sombre souligné ---------- */
body .gform-theme--framework {
	--gf-color-in-ctrl-primary: var(--gf-color-primary) !important;
	--gf-color-in-ctrl-primary-rgb: var(--gf-color-primary-rgb) !important;
	--gf-color-in-ctrl-primary-contrast: var(--gf-color-primary-contrast) !important;
	--gf-color-in-ctrl-primary-contrast-rgb: var(--gf-color-primary-contrast-rgb) !important;
	--gf-color-in-ctrl-primary-darker: var(--gf-color-primary-darker) !important;
	--gf-color-in-ctrl-primary-lighter: var(--gf-color-primary-lighter) !important;
	--gf-color-danger: var(--lb-necessaire) !important;
	--gf-color-danger-rgb: 192, 43, 10 !important;

	/* champs : fond translucide, carré, texte jaune en 600 */
	--gf-radius: 0 !important;
	--gf-ctrl-radius: 0 !important;
	--gf-ctrl-textarea-radius: 0 !important;
	--gf-ctrl-bg-color: var(--lb-champ-fond) !important;
	--gf-ctrl-bg-color-hover: var(--lb-champ-fond) !important;
	--gf-ctrl-bg-color-focus: var(--lb-champ-fond) !important;
	--gf-ctrl-border-width: 1px !important;
	--gf-ctrl-border-color: var(--lb-souligne) !important;
	--gf-ctrl-border-color-hover: var(--lb-souligne) !important;
	--gf-ctrl-border-color-focus: var(--gf-color-primary) !important;
	--gf-ctrl-shadow: none !important;
	--gf-ctrl-outline-width-focus: 0 !important;
	--gf-ctrl-outline-color-focus: transparent !important;
	--gf-ctrl-color: var(--gf-color-primary) !important;
	--gf-ctrl-color-hover: var(--gf-color-primary) !important;
	--gf-ctrl-color-focus: var(--gf-color-primary) !important;
	--gf-ctrl-font-family: inherit !important;
	--gf-ctrl-font-size: 15px !important;
	--gf-ctrl-font-weight: 600 !important;
	--gf-ctrl-padding-x: 15px !important;
	--gf-ctrl-size: 51px !important;
	--gf-ctrl-textarea-height: 192px !important;
	--gf-ctrl-placeholder-color: var(--gf-color-primary) !important;
	--gf-ctrl-icon-color: var(--lb-souligne) !important;

	/* libellés : clairs et gras ; sous-libellés (Prénom, Nom...) plus petits ; choix (ronds, cases) */
	--gf-ctrl-label-color-primary: var(--lb-libelle) !important;
	--gf-ctrl-label-font-size-primary: 16px !important;
	--gf-ctrl-label-font-weight-primary: 700 !important;
	--gf-ctrl-label-color-secondary: var(--lb-libelle) !important;
	--gf-ctrl-label-font-size-secondary: 13.8px !important;
	--gf-ctrl-label-font-weight-secondary: 700 !important;
	--gf-ctrl-label-color-tertiary: var(--lb-libelle) !important;
	--gf-ctrl-label-font-size-tertiary: 15px !important;
	--gf-ctrl-label-font-weight-tertiary: 700 !important;
	--gf-ctrl-label-color-req: var(--lb-necessaire) !important;
	--gf-ctrl-label-font-size-req: 13px !important;
	--gf-ctrl-label-font-weight-req: 400 !important;
	--gf-ctrl-desc-color: var(--gf-color-primary) !important;
	--gf-ctrl-desc-font-size: 12px !important;

	/* ronds et cases : pastille claire, coche jaune */
	--gf-ctrl-choice-size: 20px !important;
	--gf-ctrl-choice-check-color: var(--gf-color-primary) !important;

	/* bouton : pleine largeur, carré, jaune, survol bleu */
	--gf-ctrl-btn-bg-color-primary: var(--lb-btn-bg) !important;
	--gf-ctrl-btn-border-color-primary: var(--lb-btn-bg) !important;
	--gf-ctrl-btn-color-primary: var(--lb-btn-color) !important;
	--gf-ctrl-btn-bg-color-hover-primary: var(--lb-btn-bg-hover) !important;
	--gf-ctrl-btn-border-color-hover-primary: var(--lb-btn-bg-hover) !important;
	--gf-ctrl-btn-color-hover-primary: var(--lb-btn-color-hover) !important;
	--gf-ctrl-btn-bg-color-focus-primary: var(--lb-btn-bg-hover) !important;
	--gf-ctrl-btn-border-color-focus-primary: var(--lb-btn-bg-hover) !important;
	--gf-ctrl-btn-color-focus-primary: var(--lb-btn-color-hover) !important;
	--gf-ctrl-btn-radius: 0 !important;
	--gf-ctrl-btn-size: 45px !important;
	--gf-ctrl-btn-font-size: 16px !important;
	--gf-ctrl-btn-font-weight: 600 !important;
	--gf-ctrl-btn-text-transform: none !important;
	--gf-ctrl-btn-letter-spacing: 0 !important;
	--gf-ctrl-btn-shadow: none !important;

	/* 31 px entre deux questions (mesuré sous UABB le 09/10 ; 40 px par défaut chez Orbital) */
	--gf-form-gap-y: 31px !important;

	font-family: inherit;
}

/* champ en demi-colonne (E-mail / Téléphone...) : il remplit sa colonne, comme sous UABB (Orbital : la moitié) */
body .gform-theme--framework .gfield[class*="gfield--width-"]:not(.gfield--width-full) .ginput_container :is(input, select).medium {
	inline-size: 100% !important;
}

/* téléphone : les champs « moyens » et « petits » remplissent la ligne (Orbital les garde à la moitié, la liste
   « Secteur d'activité » de Contact ne montrait plus que « Tanneur- » ; sous UABB : « Tanneur-Mégiss ») */
@media (max-width: 640px) {
	body .gform-theme--framework .gfield .ginput_container :is(input, select).medium,
	body .gform-theme--framework .gfield .ginput_container :is(input, select).small {
		inline-size: 100% !important;
	}
}

/* liens dans les libellés : couleur du thème */
body .gform-theme--framework .gfield a {
	color: var(--lb-lien);
}

/* mention « s'ouvre dans un nouvel onglet » que Beaver glisse dans les liens (span.sr-only) : la remise à zéro
   d'Orbital annulait son masquage, « (opens in new tab) » s'affichait en clair dans la case de consentement */
body .gform-theme--framework .sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* le trait sous le champ, seul : Orbital borde les 4 côtés avec la même variable */
body .gform-theme--framework .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform-theme--framework .gfield select,
body .gform-theme--framework .gfield textarea {
	border-width: 0 0 1px !important;
}

/* flèche de la liste déroulante : claire, sinon invisible sur le fond sombre */
body .gform-theme--framework .gfield select {
	--gf-ctrl-select-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23cccccc' stroke-width='1.3'/%3E%3C/svg%3E") !important;
}

/* ronds et cases : pastille claire sans bord, comme UABB */
body .gform-theme--framework .gfield input[type=radio],
body .gform-theme--framework .gfield input[type=checkbox] {
	background-color: var(--lb-choix-fond) !important;
	border: 0 !important;
}

/* légende « * indique les champs nécessaires » et compteur de caractères */
body .gform-theme--framework .gform_required_legend {
	color: var(--lb-doux);
}
body .gform-theme--framework .ginput_counter {
	color: var(--gf-color-primary);
	font-size: 12px;
}

/* bouton pleine largeur */
body .gform-theme--framework .gform_footer :is(input[type=submit], button),
body .gform-theme--framework .gform_page_footer :is(input[type=submit], input[type=button], button) {
	inline-size: 100% !important;
}