/*
Pas Une Jam — Gravity Forms
Fichier : /assets/css/gravity-forms.css
Chargé après style.css uniquement sur /inscription/.

Principes :
- les variables du thème sont utilisées sans valeur de secours ;
- les règles sont préfixées par .registration-form-shell #gform_wrapper_1
  afin de surclasser les styles natifs de Gravity Forms sans !important ;
- les couleurs hexadécimales restantes correspondent à des couleurs qui
  ne disposent pas encore d’une variable dédiée dans style.css.
*/


/* ==========================================================
   CONTENEUR DE LA PAGE
   ========================================================== */
#pasunejam-login-form {}
#pasunejam-login-form label {    font-weight: bold;

  color:#585e6a;
  
}

#inscription .registration-login {padding: 0px 0 40px 0;}
#inscription  .registration-login a.button,
#inscription .registration-login--connected {
	display: none;


/*background-color: var(--color-primary);*/
color: var(--color-primary);


}

#inscription .registration-login--connected > p:nth-child(1) strong  {
	
font-weight:bold;
color: var(--color-text);
}

#inscription .registration-login--connected > p:nth-child(2),
#inscription .registration-login--connected > p:nth-child(3) {display: none;}


.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before 
   {color: var(--color-primary )}

.gform-theme--framework .gform-field-label--type-sub:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	font-weight: bold;
}

.gform-theme--framework .gfield:where(.gfield--type-multiselect,
.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])),
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))

{background-color: transparent;
border:1px solid #999999;}

input::placeholder,
textarea::placeholder {
	color: var(--color-text)!important;
	opacity: 0.45;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) 
{background-color: var(--color-primary);
color: var(--color-white);}

.gform_required_legend {display: none;}

.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework 
.gform-field-label:where(:not([class*=gform-field-label--type-])) ,
h3.gsection_title 
{
	font-family: var(--font-body);


    color: var(--color-primary);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
}


.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-]))
.registration-form-shell {
	width: min(100%, 760px);
	margin-inline: auto;
	padding: clamp(2rem, 6vw, 4.75rem);
	background: var(--color-white);
	color: var(--color-text);
}

.registration-form-shell__eyebrow {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin: 0 0 2rem;
	color: var(--color-primary);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.registration-form-shell__eyebrow::before {
	width: 2.5rem;
	height: 1px;
	background: currentColor;
	content: "";
}

.registration-form-shell__title {
	max-width: 680px;
	margin: 0 0 1.25rem;
	font-size: clamp(2.5rem, 6vw, 4.25rem);
	font-weight: 400;
	letter-spacing: -0.035em;
	line-height: 1.02;
}

.registration-form-shell__intro {
	max-width: 620px;
	margin: 0 0 3rem;
	color: rgb(36 23 17 / 68%);
	line-height: 1.7;
}


/* ==========================================================
   VARIABLES GRAVITY FORMS
   ========================================================== */

.registration-form-shell #gform_wrapper_1 {
	--gf-form-gap-x: 1.25rem;
	--gf-form-gap-y: 1.65rem;
	--gf-color-primary: var(--color-primary);
	--gf-color-primary-darker: #8f2f17;
	--gf-color-danger: #a52f24;
	--gf-ctrl-bg-color: transparent;
	--gf-ctrl-border-color: rgb(36 23 17 / 17%);
	--gf-ctrl-border-color-focus: var(--color-primary);
	--gf-ctrl-border-radius: 0;
	--gf-ctrl-size: 3rem;
	--gf-label-color-primary: var(--color-primary);

	margin: 0;
	color: var(--color-text);
}


/* ==========================================================
   GRILLE ET ESPACEMENTS
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gform_fields {
	row-gap: 1.65rem;
	column-gap: 1.25rem;
}

.registration-form-shell #gform_wrapper_1 .gfield {
	margin: 0;
}


/* ==========================================================
   TITRES DE SECTION
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gfield--type-section,
.registration-form-shell #gform_wrapper_1 .gsection {
	margin-top: 1.25rem;
	padding: 0 0 0.85rem;
	border: 0;
	border-bottom: 1px solid rgb(36 23 17 / 10%);
}

.registration-form-shell #gform_wrapper_1 .gsection_title {
	margin: 0;
	color: var(--color-primary);
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}


/* ==========================================================
   LABELS
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gfield_label,
.registration-form-shell #gform_wrapper_1 .gform-field-label {
	margin: 0 0 0.55rem;
	color: var(--color-primary);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
}

.registration-form-shell #gform_wrapper_1 .gfield_required {
	margin-left: 0.2rem;
	color: var(--color-primary);
}

.registration-form-shell #gform_wrapper_1 .gform-field-label--type-sub {
	color: rgb(36 23 17 / 52%);
	font-size: 0.66rem;
	font-weight: 500;
	letter-spacing: 0.1em;
}


/* ==========================================================
   CHAMPS
   ========================================================== */

.registration-form-shell #gform_wrapper_1 input[type="text"],
.registration-form-shell #gform_wrapper_1 input[type="email"],
.registration-form-shell #gform_wrapper_1 input[type="tel"],
.registration-form-shell #gform_wrapper_1 input[type="url"],
.registration-form-shell #gform_wrapper_1 input[type="number"],
.registration-form-shell #gform_wrapper_1 input[type="password"],
.registration-form-shell #gform_wrapper_1 input[type="date"],
.registration-form-shell #gform_wrapper_1 select,
.registration-form-shell #gform_wrapper_1 textarea {
	width: 100%;
	max-width: none;
	margin: 0;
	border: 1px solid rgb(36 23 17 / 17%);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--color-text);
	font: inherit;
	transition:
		border-color 160ms ease,
		background-color 160ms ease,
		box-shadow 160ms ease;
}

.registration-form-shell #gform_wrapper_1 input[type="text"],
.registration-form-shell #gform_wrapper_1 input[type="email"],
.registration-form-shell #gform_wrapper_1 input[type="tel"],
.registration-form-shell #gform_wrapper_1 input[type="url"],
.registration-form-shell #gform_wrapper_1 input[type="number"],
.registration-form-shell #gform_wrapper_1 input[type="password"],
.registration-form-shell #gform_wrapper_1 input[type="date"],
.registration-form-shell #gform_wrapper_1 select {
	min-height: 3rem;
	padding: 0.75rem 1rem;
}

.registration-form-shell #gform_wrapper_1 textarea {
	min-height: 7rem;
	padding: 0.9rem 1rem;
	resize: vertical;
}

.registration-form-shell #gform_wrapper_1 input::placeholder,
.registration-form-shell #gform_wrapper_1 textarea::placeholder {
	color: rgb(36 23 17 / 45%);
	opacity: 1;
}

.registration-form-shell #gform_wrapper_1 input:hover,
.registration-form-shell #gform_wrapper_1 select:hover,
.registration-form-shell #gform_wrapper_1 textarea:hover {
	border-color: rgb(36 23 17 / 34%);
}

.registration-form-shell #gform_wrapper_1 input:focus,
.registration-form-shell #gform_wrapper_1 select:focus,
.registration-form-shell #gform_wrapper_1 textarea:focus {
	border-color: var(--color-primary);
	outline: 0;
	background: rgb(255 255 255 / 20%);
	box-shadow: 0 0 0 2px rgb(180 62 32 / 10%);
}

.registration-form-shell #gform_wrapper_1 input[readonly],
.registration-form-shell #gform_wrapper_1 input:disabled,
.registration-form-shell #gform_wrapper_1 select:disabled,
.registration-form-shell #gform_wrapper_1 textarea:disabled {
	background: rgb(36 23 17 / 4%);
	color: rgb(36 23 17 / 58%);
	cursor: not-allowed;
}


/* ==========================================================
   CHECKBOXES ET BOUTONS RADIO
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gfield_checkbox,
.registration-form-shell #gform_wrapper_1 .gfield_radio {
	display: grid;
	gap: 0.7rem;
}

.registration-form-shell #gform_wrapper_1 .gchoice {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
}

.registration-form-shell #gform_wrapper_1 .gchoice input[type="checkbox"],
.registration-form-shell #gform_wrapper_1 .gchoice input[type="radio"] {
	width: 1.1rem;
	height: 1.1rem;
	margin: 0.15rem 0 0;
	accent-color: var(--color-primary);
}

.registration-form-shell #gform_wrapper_1 .gchoice label {
	margin: 0;
	color: rgb(36 23 17 / 76%);
	font-size: 0.92rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
}


/* ==========================================================
   DESCRIPTIONS
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gfield_description,
.registration-form-shell #gform_wrapper_1 .instruction {
	margin-top: 0.5rem;
	color: rgb(36 23 17 / 52%);
	font-size: 0.78rem;
	line-height: 1.55;
}


/* ==========================================================
   FORMULAIRE MULTI-ÉTAPES
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gf_page_steps {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 1.25rem;
	margin: 0 0 2.5rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid rgb(36 23 17 / 10%);
}

.registration-form-shell #gform_wrapper_1 .gf_step {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	color: rgb(36 23 17 / 40%);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.registration-form-shell #gform_wrapper_1 .gf_step_active {
	color: var(--color-primary);
}

.registration-form-shell #gform_wrapper_1 .gf_step_number {
	display: grid;
	width: 1.7rem;
	height: 1.7rem;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 0.68rem;
	place-items: center;
}

.registration-form-shell #gform_wrapper_1 .gf_step_active .gf_step_number {
	background: var(--color-primary);
	color: #fff;
}


/* ==========================================================
   BOUTONS
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gform_footer,
.registration-form-shell #gform_wrapper_1 .gform-footer,
.registration-form-shell #gform_wrapper_1 .gform_page_footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	margin: 2.8rem 0 0;
	padding: 0;
	border: 0;
}

.registration-form-shell #gform_wrapper_1 .gform_button,
.registration-form-shell #gform_wrapper_1 .gform_next_button,
.registration-form-shell #gform_wrapper_1 .gform_previous_button,
.registration-form-shell #gform_wrapper_1 button[type="submit"],
.registration-form-shell #gform_wrapper_1 input[type="submit"] {
	display: inline-flex;
	min-height: 3.4rem;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0.9rem 1.85rem;
	border: 1px solid var(--color-primary);
	border-radius: 0;
	background: var(--color-primary);
	box-shadow: none;
	color: #fff;
	font-size: 0.85rem;
	font-weight: 550;
	cursor: pointer;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		color 160ms ease;
}

.registration-form-shell #gform_wrapper_1 .gform_button:hover,
.registration-form-shell #gform_wrapper_1 .gform_next_button:hover,
.registration-form-shell #gform_wrapper_1 button[type="submit"]:hover,
.registration-form-shell #gform_wrapper_1 input[type="submit"]:hover {
	border-color: #8f2f17;
	background: #8f2f17;
}

.registration-form-shell #gform_wrapper_1 .gform_previous_button {
	background: transparent;
	color: var(--color-primary);
}

.registration-form-shell #gform_wrapper_1 .gform_previous_button:hover {
	background: var(--color-primary);
	color: #fff;
}


/* ==========================================================
   ERREURS ET VALIDATION
   ========================================================== */

.registration-form-shell #gform_wrapper_1 .gform_validation_errors {
	margin: 0 0 2rem;
	padding: 1rem 1.1rem;
	border: 1px solid rgb(165 47 36 / 32%);
	border-radius: 0;
	background: rgb(165 47 36 / 7%);
	box-shadow: none;
	color: #7e241d;
}

.registration-form-shell #gform_wrapper_1 .gfield_error input,
.registration-form-shell #gform_wrapper_1 .gfield_error select,
.registration-form-shell #gform_wrapper_1 .gfield_error textarea {
	border-color: #a52f24;
}

.registration-form-shell #gform_wrapper_1 .validation_message,
.registration-form-shell #gform_wrapper_1 .gfield_validation_message {
	margin-top: 0.45rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #8b281f;
	font-size: 0.78rem;
	line-height: 1.45;
}


/* ==========================================================
   CONFIRMATION ET CONNEXION
   ========================================================== */

.registration-form-shell .gform_confirmation_wrapper {
	padding: 1.5rem;
	border-left: 3px solid var(--color-primary);
	background: rgb(180 62 32 / 7%);
	color: var(--color-text);
	line-height: 1.65;
}

.registration-form-shell .registration-login {
	margin: 0 0 2.5rem;
	padding: 1rem 1.1rem;
	border: 1px solid rgb(36 23 17 / 12%);
	background: rgb(255 255 255 / 16%);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {

	.registration-form-shell {
		padding: 2rem 1.25rem 2.5rem;
	}

	.registration-form-shell #gform_wrapper_1 .gf_step_label {
		display: none;
	}

	.registration-form-shell #gform_wrapper_1 .gform_footer,
	.registration-form-shell #gform_wrapper_1 .gform-footer,
	.registration-form-shell #gform_wrapper_1 .gform_page_footer {
		align-items: stretch;
		flex-direction: column;
	}

	.registration-form-shell #gform_wrapper_1 .gform_button,
	.registration-form-shell #gform_wrapper_1 .gform_next_button,
	.registration-form-shell #gform_wrapper_1 .gform_previous_button,
	.registration-form-shell #gform_wrapper_1 button[type="submit"],
	.registration-form-shell #gform_wrapper_1 input[type="submit"] {
		width: 100%;
	}
}