/*
 * CASD - habillage Gravity Forms.
 *
 * Repris du snippet WPCode #20217 « main css » (qui etait servi en fichier,
 * option load_as_file). Cible les formulaires 1 et 2 : boutons
 * « enregistrer et continuer », bouton de soumission, encadres
 * d avertissement et barre d etapes.
 */

.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus, .gform-page-footer input:focus{
	outline: none !important;
}

#project-form-container{
	display:none;
}

#gform_save_1_2_link,
#gform_save_3_2_link
{
    background-color: #FFFFFF;
    color: #002830;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
	font-weight: 500;
}
#gform_save_1_2_link:hover,
#gform_save_3_2_link:hover
{
    background-color: #002830;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
	font-weight: 500;
}

.form-warning-danger{
	border: 1px solid red;
	border-radius: 10px;
	background-color: #FFE9EA;
	font-family: "Inter", Sans-serif;
	font-size: 1rem;
	padding: 20px;
	color: red;
}

#gform_submit_button_2
{
    background-color: #FFFFFF;
    color: #002830;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 1rem;
	font-weight: 500;
}
#gform_submit_button_2:hover
{
    background-color: #002830;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 1rem;
	font-weight: 500;
}
#gform_save_1_3_link,
#gform_save_3_3_link {
    background-color: #FFFFFF;
    color: #002830;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#gform_save_1_3_link:hover,
#gform_save_3_3_link:hover {
    background-color: #002830;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#gform_save_1_4_link,
#gform_save_3_4_link {
    background-color: #FFFFFF;
    color: #002830;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#gform_save_1_4_link:hover,
#gform_save_3_4_link:hover {
    background-color: #002830;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#gform_save_1_footer_link,
#gform_save_3_footer_link {
    background-color: #FFFFFF;
    color: #002830;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#gform_save_1_footer_link:hover,
#gform_save_3_footer_link:hover {
    background-color: #002830;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #002830;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#gform_submit_button_1,
#gform_submit_button_3 {
    background-color: #FFFFFF;
    color: #15749E;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #15749E;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#gform_submit_button_1:hover,
#gform_submit_button_3:hover {
    background-color: #15749E;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #15749E;
    padding: 1em 1em 1em 1em;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gform_save_link::before {
    content: none !important;
    display: none !important;
    background: none !important;
    mask: none !important;
    -webkit-mask: none !important;
}

.gform_save_link svg {
    display: none !important;
}

.gform_required_legend {
    font-size: 11px;
    color: #777;
    font-style: italic;
}

#gform_wrapper_1.gform-theme--framework,
#gform_wrapper_3.gform-theme--framework {
  --gf-step-green: #2f6f64;        /* vert foncé (étape active) */
  --gf-step-green-light: #9bbfb8;  /* vert clair (étapes passées) => ajuste si besoin */

  /* Étape active / courante */
  --gf-field-pg-steps-number-bg-color-active: var(--gf-step-green);
  --gf-field-pg-steps-number-border-color-active: var(--gf-step-green);
  --gf-field-pg-steps-number-color-active: #fff;

  --gf-field-pg-steps-number-bg-color-current: var(--gf-step-green);
  --gf-field-pg-steps-number-border-color-current: var(--gf-step-green);
  --gf-field-pg-steps-number-color-current: #fff;

  /* Étapes complétées (passées) */
  --gf-field-pg-steps-number-bg-color-complete: var(--gf-step-green-light);
  --gf-field-pg-steps-number-border-color-complete: var(--gf-step-green-light);
  --gf-field-pg-steps-number-color-complete: #0b2a24; /* optionnel, ne sert plus car on masque le "1" */

  /* Labels */
  --gf-field-pg-steps-label-color-active: var(--gf-step-green);
  --gf-field-pg-steps-label-color-current: var(--gf-step-green);
  --gf-field-pg-steps-label-color-complete: var(--gf-step-green);
}

#gform_wrapper_1.gform-theme--framework .gf_page_steps .gf_step_completed .gf_step_number,
#gform_wrapper_3.gform-theme--framework .gf_page_steps .gf_step_completed .gf_step_number {
  color: transparent !important;      /* cache le "1" */
  text-shadow: none !important;
}

/* Filet de sécurité : certains thèmes remettent une image/overlay */
#gform_wrapper_1.gform-theme--framework .gf_page_steps .gf_step_number::before,
#gform_wrapper_1.gform-theme--framework .gf_page_steps .gf_step_number::after,
#gform_wrapper_3.gform-theme--framework .gf_page_steps .gf_step_number::before,
#gform_wrapper_3.gform-theme--framework .gf_page_steps .gf_step_number::after {
  background-image: none !important;
}

/* (optionnel) un centrage plus clean */
#gform_wrapper_1.gform-theme--framework .gf_page_steps .gf_step_number,
#gform_wrapper_3.gform-theme--framework .gf_page_steps .gf_step_number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/*
 * ---------------------------------------------------------------------------
 * Introduction masquee des l etape 2 (pages « Deposer un dossier »)
 * ---------------------------------------------------------------------------
 *
 * La classe est posee sur le body par inc/gravity-forms-etapes.php (et
 * rejouee par assets/gravity-forms-etapes.js). Elle n existe que lorsque le
 * formulaire de la page n est pas sur sa premiere etape : le contenu ci-dessous
 * reste donc parfaitement visible au premier affichage, et revient si le
 * visiteur remonte a l etape 1 avec « Precedent ».
 *
 * Les identifiants Elementor sont les memes sur la page AAP (#22569,
 * formulaire 3) et sur la page complete (#52, formulaire 1) : la seconde a ete
 * dupliquee depuis la premiere. Si un de ces blocs est un jour supprime puis
 * recree dans Elementor, son identifiant change et la regle correspondante
 * devient inerte : il suffit alors de lui donner la classe CSS
 * « casd-gf-intro » (onglet Avance du widget), prevue en dernier selecteur.
 *
 * Volontairement ABSENT de la liste : le bloc .elementor-element-ef9f176 de la
 * page AAP (dossiers papier refuses / PDF imprimable / contact support). Masque
 * dans un premier temps, il reste visible a toutes les etapes depuis le
 * 17/09/2026, a la demande de la cliente.
 */
body.casd-gf-etape-suivante .elementor-element-90bfcc1, /* titre + chapeau + visuel */
body.casd-gf-etape-suivante .elementor-element-8ed449c, /* « criteres suivants » + les 6 cartes */
body.casd-gf-etape-suivante .elementor-element-7ed108a, /* titre « Avant de commencer... » */
body.casd-gf-etape-suivante .elementor-element-0eee8c3, /* liste des pieces a joindre */
body.casd-gf-etape-suivante .elementor-element-c4c9b3c, /* separateur sous la liste */
body.casd-gf-etape-suivante .casd-gf-intro {
	display: none !important;
}

/*
 * ---------------------------------------------------------------------------
 * Correctif : bouton du calendrier etire sur toute la largeur
 * ---------------------------------------------------------------------------
 *
 * L option « Button Full Width » du widget Gravity Forms d Essential Addons
 * genere, dans le CSS de la page (eael-<id>.css) :
 *
 *   .eael-gravity-form-button-full-width .gform_wrapper .gform-button
 *       { width: 100% !important }
 *
 * Le dernier selecteur est trop large : depuis Gravity Forms 2.9, « gform-button »
 * est porte par TOUS les boutons habilles du formulaire, pas seulement celui de
 * soumission. Le bouton d ouverture du calendrier (« Date de creation de la
 * structure », etape 2) heritait donc de width:100%, ce qui l etirait a 850px et
 * le poussait hors du cadre, a gauche de la page.
 *
 * On rend leur largeur naturelle aux boutons situes DANS un champ. Les boutons
 * de pied de formulaire (Suivant / Precedent / Soumettre / Enregistrer) ne sont
 * pas cibles : ils gardent leur pleine largeur voulue.
 */
.eael-gravity-form-button-full-width .gform_wrapper button.gform-datepicker-toggle,
.eael-gravity-form-button-full-width .gform_wrapper .ginput_container .gform-button {
	width: auto !important;
	max-width: none !important;
}

/*
 * ---------------------------------------------------------------------------
 * Encadres d avertissement « non eligible » plus visibles
 * ---------------------------------------------------------------------------
 *
 * La classe form-warning-danger est posee sur les blocs HTML d avertissement des
 * formulaires 1 (#222), 2 (#6, #8, #20) et 3 (#222, #235). Sa mise en forme d origine
 * — filet rouge de 1px sur fond rose pale, texte en graisse normale — passait
 * inapercue au milieu des champs. On la renforce : filet lateral epais,
 * pictogramme, texte en gras.
 *
 * Selecteurs par #gform_wrapper_N (specificite 1,1,0) et non par la seule classe :
 * Gravity Forms impose « display » aux .gfield via .gform-theme--framework .gfield
 * (specificite 0,2,0), qui l emporterait sinon sur la mise en flex.
 */
#gform_wrapper_1 .form-warning-danger,
#gform_wrapper_2 .form-warning-danger,
#gform_wrapper_3 .form-warning-danger {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	border: 1px solid #d8000c;
	border-left-width: 6px;
	border-radius: 10px;
	background-color: #ffe9ea;
	color: #a4000a;
	font-family: "Inter", Sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	padding: 18px 20px;
}

#gform_wrapper_1 .form-warning-danger::before,
#gform_wrapper_2 .form-warning-danger::before,
#gform_wrapper_3 .form-warning-danger::before {
	content: "\26A0";
	flex: 0 0 auto;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.15;
}