/**
 * Trouver-Avocats : page « Déposer mon dossier » au design ta-v2
 * -------------------------------------------------------------
 * Version : 2.4 (02/11/2026)
 * Chargé par inc/ta-depot.php. Formulaire : composant .ta-gf (ta-composants.css), complété ici pour
 * le formulaire multi-pages 8 (barre de progression, boutons Précédent / Suivant, choix radio).
 * Étapes, cartes avocat : composants partagés. Échelles --t-* et --e-* uniquement.
 *
 * Changelog
 * 2.4 : dégradé au-dessus de la barre tant qu'il reste du contenu dessous ; défilement qui tient compte de la barre et de
 *       l'en-tête ; champ en erreur surligné (assets/js/ta-depot-v2.js 1.8).
 * 2.3 (recette iPhone de Girgis) : sur mobile, barre d'actions sur une ligne de 56 px : Retour en flèche + mot, bouton
 *       d'envoi sur la place restante, « Étape N sur 3 » masqué (la barre de progression suffit) ; domaines sans défilement
 *       de côté, retour à la ligne complet (le défilement était invisible et coupait « Succession / Héritage »).
 * 2.2 : page seulement (la popup ne change pas) : barre d'actions collante en bas de l'écran sur bureau et mobile (56 px,
 *       fond translucide flouté, ombre vers le haut, se pose en pied de formulaire) ; étape 1 resserrée (sur-titre dans la
 *       ligne du fil des étapes, récit de 112 px qui s'agrandit, domaines sur deux lignes, « + Préciser » et « pour un
 *       proche » sur une ligne) ; réassurance raccourcie (garanties sur une ligne). Mêmes champs Gravity Forms.
 * 2.1 : case « Recevoir un SMS » sous le téléphone (décision 184, module SMS).
 * 2.0 : bloc des pièces à préparer, ligne de preuve sociale (modules éteints par défaut).
 * 1.9 : titre de page masqué par la classe commune ta-visuellement-cache (décision 176), règle locale retirée.
 * 1.8 : puces du domaine compactes ; titre de page masqué à l'écran (doublon du titre de l'étape, gardé pour le
 *       référencement) ; la barre d'actions de la popup est réglée dans popup-depot.css.
 * 1.7 : suggestion de domaine sous le champ email ; adresse rappelée et correction sur la confirmation ; sous-libellés
 *       « Prénom » / « Nom » discrets, au-dessus de leur case.
 * 1.6 : dépôt resserré (maquette depot-compact-proposition, mobile d'abord) : carte étroite et réassurance sur bureau,
 *       barre d'actions collante sur mobile, champs 48 px / 16 px, champs repliés, progression et jauge fines ;
       frise de la confirmation sans puces de liste ; sous-libellés « Prénom » / « Nom » de nouveau affichés.
 * 1.5 : message d'erreur du récit de nouveau visible ; compteur de caractères sous le récit.
 * 1.4 : bloc du filet d'urgence sous le récit.
 * 1.3 : confirmation après l'envoi du dépôt v2 (frise des étapes, encart email).
 * 1.2 : dépôt v2 en aperçu admin : bandeau message + formulaire en 3 étapes, jauge, chips, cases.
 * 1.0 : première version.
 * 1.1 : styles multi-pages Gravity Forms déplacés dans le composant .ta-gf (partagés avec la fiche).
 */

.ta-v2 main > section.ta-depot-hero{padding-block:var(--e-5)!important}
.ta-v2 main > section.ta-depot-form{padding-block:var(--e-5)!important}
.ta-v2 main > section.ta-depot-questions{padding-block:var(--e-5)!important}
@media(max-width:760px){ .ta-v2 main > section.ta-depot-hero,.ta-v2 main > section.ta-depot-form,.ta-v2 main > section.ta-depot-questions{padding-block:var(--e-4)!important} }

/* ═══ Hero ═══ */
.ta-v2 .ta-depot-hero-grille{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--e-5);align-items:center}
.ta-v2 .ta-depot-page h1{margin-top:var(--e-2);font-size:var(--t-h1);line-height:1.05;color:var(--ink)}
.ta-v2 .ta-depot-page h1 em{font-style:italic;color:var(--green-ink)}
.ta-v2 .ta-depot-accroche{max-width:58ch;margin-top:var(--e-2);font-size:var(--t-lg);line-height:var(--lh-lecture);color:var(--muted)}
.ta-v2 .ta-depot-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-2) var(--e-3);margin-top:var(--e-3)}
.ta-v2 .ta-depot-chiffres{display:grid;gap:var(--e-2);margin:0}
.ta-v2 .ta-depot-chiffres>div{display:flex;align-items:baseline;gap:var(--e-2);padding:var(--e-2) var(--e-3);background:white;border:1px solid #e3e7ee;border-radius:14px;box-shadow:0 10px 28px -14px #0f172a29}
.ta-v2 .ta-depot-chiffres dt{flex:0 0 150px;font-family:var(--serif);font-size:var(--t-h2);line-height:1;color:var(--ink)}
.ta-v2 .ta-depot-chiffres dd{margin:0;font-size:var(--t-base);color:var(--muted)}

/* ═══ Formulaire ═══ */
.ta-v2 .ta-depot-form-grille{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--e-4);align-items:start}
.ta-v2 .ta-depot-form-carte{padding:var(--e-4);background:white;border:1px solid #e3e7ee;border-radius:20px;box-shadow:0 30px 70px -40px #0f172a4d}
.ta-v2 .ta-depot-form-carte h2{margin-bottom:var(--e-3);font-size:var(--t-h3);line-height:1.25}
.ta-v2 .ta-depot-garanties{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 108px);display:grid;gap:var(--e-2);margin:0;padding:0;list-style:none}
.ta-v2 .ta-depot-garanties li{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2);background:white;border:1px solid var(--line);border-radius:14px;font-size:var(--t-base);font-weight:600;color:var(--ink)}
.ta-v2 .ta-depot-garantie-icone{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf6f1;color:var(--green-ink)}
.ta-v2 .ta-depot-garantie-icone .ta-icon{width:20px;height:20px}
/* Formulaire multi-pages : composant .ta-gf de ta-composants.css (1.2). */

/* ═══ Confidentialité et guide ═══ */
.ta-v2 .ta-depot-confiance{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--e-5);align-items:start}
.ta-v2 .ta-depot-confiance>div>p{max-width:60ch;margin-top:var(--e-2);font-size:var(--t-lg);line-height:var(--lh-lecture);color:var(--muted)}
.ta-v2 .ta-depot-confiance .ta-titre-section{margin-bottom:var(--e-2)}
.ta-v2 .ta-depot-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-1) var(--e-3);margin:var(--e-3) 0 0;padding:0;list-style:none}
.ta-v2 .ta-depot-points li{display:flex;align-items:center;gap:var(--e-1);font-size:var(--t-base);font-weight:600;color:var(--ink)}
.ta-v2 .ta-depot-points .ta-icon{width:18px;height:18px;color:var(--green-ink)}
.ta-v2 .ta-depot-guide{display:flex;flex-direction:column;align-items:flex-start;gap:var(--e-2);padding:var(--e-4);background:white;border:1px solid #e3e7ee;border-radius:20px;box-shadow:0 10px 28px -14px #0f172a29}
.ta-v2 .ta-depot-guide-icone{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fbf8ee;border:1px solid #c2a24b40;color:#8b6d22}
.ta-v2 .ta-depot-guide h3{font-family:var(--serif);font-size:var(--t-h3);font-weight:500}
.ta-v2 .ta-depot-guide p{font-size:var(--t-base);line-height:var(--lh-lecture);color:var(--muted)}

/* ═══ Des questions ? ═══ */
.ta-v2 .ta-depot-questions-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-3);padding:var(--e-4);border-radius:20px;background:linear-gradient(140deg,var(--ink),var(--navy));color:#c3cbd8}
.ta-v2 .ta-depot-questions-in h2{font-size:var(--t-h2);color:white}
.ta-v2 .ta-depot-questions-in p{margin-top:var(--e-1);font-size:var(--t-base);color:#c3cbd8}
.ta-v2 .ta-depot-questions-in a:not(.ta-btn){color:#e4d5a2;text-decoration:underline;text-underline-offset:3px}
.ta-v2 .ta-depot-questions-in .ta-depot-actions{margin-top:0}
.ta-v2 .ta-depot-questions-in .ta-btn-outline{background:transparent;border-color:#ffffff40;color:white}

@media(max-width:1024px){
	.ta-v2 .ta-depot-hero-grille,.ta-v2 .ta-depot-form-grille,.ta-v2 .ta-depot-confiance{grid-template-columns:1fr;gap:var(--e-3)}
	.ta-v2 .ta-depot-garanties{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
	.ta-v2 .ta-depot-chiffres{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ta-v2 .ta-depot-chiffres>div{flex-direction:column;gap:4px}
	.ta-v2 .ta-depot-chiffres dt{min-width:0}
}
@media(max-width:600px){
	.ta-v2 .ta-depot-form-carte{padding:var(--e-3) var(--e-2)}
	.ta-v2 .ta-depot-garanties,.ta-v2 .ta-depot-points{grid-template-columns:1fr}
	/* Les chiffres restent sur une ligne : le formulaire arrive vite sous le pouce. */
	.ta-v2 .ta-depot-chiffres{gap:var(--e-1)}
	.ta-v2 .ta-depot-chiffres>div{padding:var(--e-1);text-align:center;align-items:center}
	.ta-v2 .ta-depot-chiffres dt{flex:none;font-size:var(--t-h3)}
	.ta-v2 .ta-depot-chiffres dd{font-size:var(--t-xs)}
	.ta-v2 .ta-depot-questions-in{padding:var(--e-3) var(--e-2)}
}

/* ——— Dépôt v2 (aperçu admin) : message à gauche, formulaire entier à droite ——— */
.ta-v2 main > section.ta-dv2-hero{padding-block:var(--e-3) var(--e-4)!important}
.ta-v2 .ta-dv2-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--e-5);align-items:start}
.ta-v2 .ta-dv2-message{padding-top:var(--e-3)}
.ta-v2 .ta-dv2-eyebrow{display:flex;align-items:center;gap:var(--e-1);margin:0 0 var(--e-2);color:#7a6630;font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ta-v2 .ta-dv2-eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}
.ta-v2 .ta-dv2-hero h1{margin:0;font-size:var(--t-h2);line-height:1.1}
.ta-v2 .ta-dv2-texte{margin:var(--e-2) 0 0;font-size:var(--t-lg);line-height:var(--lh-lecture);color:#333c4d}
.ta-v2 .ta-dv2-coches{display:grid;gap:var(--e-1);margin:var(--e-3) 0 0;padding:0;list-style:none;font-size:var(--t-sm);color:var(--ink)}
.ta-v2 .ta-dv2-coches li{display:flex;gap:var(--e-1);align-items:flex-start}
.ta-v2 .ta-dv2-coches .ta-icon{flex:none;margin-top:2px;color:var(--green-ink)}
.ta-v2 .ta-dv2-etapes{display:grid;gap:var(--e-1);margin:var(--e-4) 0 0;padding:var(--e-3) 0 0;border-top:1px solid var(--line);list-style:none;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-dv2-etapes li{display:flex;align-items:center;gap:var(--e-1)}
.ta-v2 .ta-dv2-etapes span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:white;font-size:var(--t-xs);font-weight:700}
.ta-v2 .ta-dv2-carte{padding:var(--e-3);border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 30px 70px -34px #0f172a66}
/* Jauge */
.ta-v2 .ta-dv2-jauge{margin:0 0 var(--e-2);padding:var(--e-2);border-radius:12px;background:var(--bg)}
.ta-v2 .ta-dv2-jauge-tete{display:flex;justify-content:space-between;align-items:center;font-size:var(--t-sm);font-weight:650}
.ta-v2 .ta-dv2-jauge-tete strong{color:#7a6630}
.ta-v2 .ta-dv2-jauge.est-bon .ta-dv2-jauge-tete strong{color:var(--green-ink)}
.ta-v2 .ta-dv2-jauge-piste{height:8px;margin:var(--e-1) 0;overflow:hidden;border-radius:99px;background:#e2e6ee}
.ta-v2 .ta-dv2-jauge-piste i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--green));transition:width .3s ease}
.ta-v2 .ta-dv2-jauge p{margin:0;font-size:var(--t-xs);line-height:1.5;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.ta-v2 .ta-dv2-jauge-piste i{transition:none}}
/* Cases à cocher, encart (puces : composant commun, ta-composants.css) */
.ta-v2 .ta-dv2-gf .ta-gf-encart{padding:var(--e-2);border-radius:12px;background:#e9f6f0;font-size:var(--t-sm);color:#1f4f3d}
.ta-v2 .ta-dv2-gf .ta-gf-encart p{margin:0}
.ta-v2 .ta-dv2-gf .ta-gf-demi select{max-width:320px}
.ta-v2 .ta-dv2-gf .gsection_title{margin:0;font-family:var(--serif);font-weight:500;font-size:var(--t-h3)}
.ta-v2 .ta-dv2-gf .gsection_description{margin:4px 0 0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-dv2-gf .ta-note-envoi{display:block;width:100%;flex-basis:100%;order:99;margin:var(--e-2) 0 0;font-size:var(--t-xs);line-height:1.55;color:var(--muted);text-align:center}
.ta-v2 .ta-dv2-gf .gform_page_footer{flex-wrap:wrap!important}
.ta-v2 .ta-dv2-gf .ta-recit-erreur strong,.ta-v2 .ta-dv2-gf .ta-recit-erreur em{display:block;font-style:normal}
@media(max-width:1024px){
	.ta-v2 .ta-dv2-grille{grid-template-columns:minmax(0,1fr);gap:var(--e-3)}
	.ta-v2 .ta-dv2-message{padding-top:0}
	.ta-v2 .ta-dv2-coches,.ta-v2 .ta-dv2-etapes{display:none} /* mobile : le formulaire d'abord, zéro distraction (maquette) */
}
/* Étape 1 visible sans défilement à 1440×900 : le titre de section répète l'indicateur d'étapes
   et l'aide du récit répète le coach de la jauge (textes conservés dans le formulaire). */
/* Description du récit masquée (le coach la répète), JAMAIS son message d'erreur : Gravity Forms donne aussi la classe
   gfield_description à ses messages de validation, qui étaient donc invisibles (blocage signalé par Girgis le 02/11). */
.ta-v2 .ta-dv2-gf .gform_page:first-of-type .gsection,.ta-v2 .ta-dv2-gf .ta-gf-recit .gfield_description:not(.validation_message):not(.gfield_validation_message){display:none}
.ta-v2 .ta-dv2-gf .ta-gf-recit textarea{height:120px;min-height:120px}
.ta-v2 .ta-dv2-gf .gf_page_steps{margin-bottom:var(--e-2)!important}

/* Confirmation après l'envoi (dépôt v2, inc/ta-depot-v2.php 1.1) : frise des 5 étapes, la première faite. */
.ta-dconf{padding:var(--e-3) 0;color:var(--ink)}
.ta-dconf-eyebrow{margin:0 0 var(--e-1);color:#7a6630;font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ta-dconf-titre{margin:0 0 var(--e-2);font-family:var(--serif);font-weight:400;font-size:var(--t-h2);line-height:1.15}
.ta-dconf-intro{margin:0 0 var(--e-3);color:var(--muted);line-height:var(--lh-lecture)}
.ta-dconf-frise{list-style:none;margin:0 0 var(--e-3);padding:0;display:grid;gap:var(--e-2)}
.ta-dconf .ta-dconf-frise,.ta-dconf .ta-dconf-frise > li{list-style:none!important;margin-left:0!important;padding-left:0!important}
.ta-dconf .ta-dconf-frise > li::marker{content:none}
.ta-dconf-etape{display:flex;gap:var(--e-2);align-items:flex-start;position:relative}
.ta-dconf-etape:not(:last-child)::after{content:"";position:absolute;left:15px;top:34px;bottom:calc(-1 * var(--e-2));width:2px;background:var(--line)}
.ta-dconf-rond{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:var(--t-sm);font-weight:700;background:var(--white);border:2px solid var(--line);color:var(--muted)}
.ta-dconf-etape.est-fait .ta-dconf-rond{background:var(--green);border-color:var(--green);color:var(--ink)}
.ta-dconf-etape.est-fait .ta-dconf-rond .ta-icon{width:16px;height:16px}
.ta-dconf-etape.est-cours .ta-dconf-rond{border-color:var(--gold);color:var(--ink)}
.ta-dconf-etape strong{display:block;font-size:var(--t-base);padding-top:4px}
.ta-dconf-etape small{display:block;color:var(--muted);font-size:var(--t-sm)}
.ta-dconf-encart{display:flex;gap:var(--e-2);align-items:flex-start;padding:var(--e-2) var(--e-3);margin:0 0 var(--e-3);border-radius:var(--radius);background:#f3ecd9;color:#6b5a26}
.ta-dconf-encart .ta-icon{flex:0 0 20px;width:20px;height:20px;margin-top:2px}
.ta-dconf-encart p{margin:0;line-height:1.55}
.ta-dconf-actions{margin:0}

/* Filet d'urgence (inc/ta-depot-v2.php 1.2) : sous le récit, sans bloquer le dépôt. Sélecteurs renforcés : les styles
   du formulaire (Gravity Forms et .ta-gf) l'emportaient sur le fond et sur le bouton. */
.gform_wrapper .ta-urgence,.ta-v2 .ta-urgence{margin:var(--e-2) 0 0!important;padding:var(--e-2) var(--e-3)!important;border-radius:var(--radius);background:#fdeeec!important;border-left:4px solid #8a3a30;color:#5a221c}
.gform_wrapper .ta-urgence p{margin:0 0 6px;line-height:1.5;font-size:var(--t-sm);color:#5a221c}
.gform_wrapper .ta-urgence .ta-urgence-sur{font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a3a30}
.gform_wrapper .ta-urgence .ta-urgence-titre{font-size:var(--t-base);font-weight:700}
.gform_wrapper .ta-urgence .ta-urgence-numeros{font-weight:700}
.gform_wrapper button.ta-urgence-fermer{all:unset;display:inline-block;margin-top:4px!important;padding:0!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#5a221c!important;text-decoration:underline!important;font-family:var(--sans)!important;font-weight:600!important;font-size:var(--t-sm)!important;cursor:pointer}
.gform_wrapper button.ta-urgence-fermer:focus-visible{outline:2px solid #8a3a30;outline-offset:2px}

/* Compteur du récit (assets/js/ta-depot-v2.js 1.4) : « N / 100 caractères minimum », vert une fois le minimum atteint. */
.gform_wrapper .ta-recit-compteur{margin:6px 0 0;font-size:var(--t-sm);color:var(--muted)}
.gform_wrapper .ta-recit-compteur.est-ok{color:var(--green-ink)}
.gform_wrapper .ta-recit-compteur strong{font-weight:700}

/* ═══════════ Dépôt resserré (1.6, maquette design-reference/depot-compact-proposition.html) ═══════════
   Page (.ta-dv2-carte) et popup (.ta-popup-v2-fenetre) : même formulaire, mêmes règles. Mobile d'abord. */

/* Bureau : carte étroite (640 px) et réassurance à droite. */
.ta-v2 .ta-dv2-grille{grid-template-columns:minmax(0,640px) minmax(240px,1fr);gap:var(--e-5);align-items:start}
.ta-v2 .ta-dv2-message{padding:0 0 var(--e-2)}
.ta-v2 .ta-dv2-message h1{margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.15}
.ta-v2 .ta-dv2-carte{position:relative;padding:var(--e-3) var(--e-3) 0;overflow:hidden}
.ta-v2 .ta-dv2-reassurance{position:sticky;top:110px;padding:var(--e-3);border:1px solid var(--line);border-radius:20px;background:var(--bg)}
.ta-v2 .ta-dv2-compte{margin:0 0 var(--e-2);font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-dv2-compte strong{display:block;font-family:var(--serif);font-size:40px;font-weight:400;line-height:1;color:var(--ink)}
.ta-v2 .ta-dv2-reassurance-titre{margin:0 0 var(--e-1);font-weight:700}
.ta-v2 .ta-dv2-suite{list-style:none;margin:0 0 var(--e-2);padding:0;display:grid;gap:8px;font-size:var(--t-sm)}
.ta-v2 .ta-dv2-suite li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.ta-v2 .ta-dv2-suite span{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--white);border:1px solid var(--line);font-size:12px;font-weight:700}
.ta-v2 .ta-dv2-garanties{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ta-v2 .ta-dv2-garanties li{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:99px;background:var(--white);border:1px solid var(--line);font-size:var(--t-xs);font-weight:600}
.ta-v2 .ta-dv2-garanties .ta-icon{width:14px;height:14px;color:var(--green-ink)}

/* Barre de progression fine en haut de la carte. */
.ta-dv2-progression{position:absolute;top:0;left:0;right:0;height:4px;background:var(--line)}
.ta-popup-v2 .ta-dv2-progression{position:relative;height:4px;border-radius:99px;overflow:hidden}
.ta-dv2-progression i{display:block;height:100%;width:33%;background:var(--green);transition:width .3s ease}

/* Étapes : en-tête (surtitre, titre, une ligne), étapes de Gravity Forms sur bureau seulement. */
.ta-v2 .ta-dv2-gf .gform_page .gsection,.ta-v2 .ta-dv2-gf .gform_page:first-of-type .gsection{display:block!important;margin:0 0 var(--e-2)!important;padding:0!important;border:0!important}
.ta-v2 .ta-dv2-gf .gsection_title{margin:0!important;font-family:var(--serif)!important;font-weight:400!important;font-size:24px!important;line-height:1.2!important}
.ta-v2 .ta-dv2-gf .gsection_description{margin:4px 0 0!important;font-size:var(--t-sm)!important;color:var(--muted)!important;line-height:1.45!important}
.ta-dv2-gf .ta-dv2-surtitre{margin:0 0 4px;font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a6630}
.ta-v2 .ta-dv2-gf .gf_page_steps{margin:0 0 var(--e-2)!important}
.ta-dv2-gf .ta-dv2-sauvegarde{margin:var(--e-1) 0 0;font-size:var(--t-sm);color:var(--muted);line-height:1.45}
.ta-dv2-gf .partial_entry_warning{display:none}

/* Champs : 48 px, 16 px (pas de zoom iOS), aide en une ligne grise. */
.ta-v2 .ta-dv2-gf .gfield input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.ta-v2 .ta-dv2-gf .gfield select{min-height:48px!important;font-size:16px!important}
.ta-v2 .ta-dv2-gf .gfield textarea{font-size:16px!important;height:120px!important;min-height:120px!important}
.ta-v2 .ta-dv2-gf .gfield_description:not(.validation_message):not(.gfield_validation_message){margin-top:4px!important;font-size:var(--t-sm)!important;color:var(--muted)!important;line-height:1.4!important}
.ta-v2 .ta-dv2-gf .gfield{margin-bottom:var(--e-2)!important}
.ta-v2 .ta-dv2-gf .gform_fields{row-gap:var(--e-2)!important}

/* Champs gardés mais masqués (aides du budget, encart) ; champs repliés derrière « + Préciser ». */
.gform_wrapper .ta-gf-masque{display:none!important}
.gform_wrapper .gfield.ta-gf-preciser.est-replie{display:none!important}
.gform_wrapper button.ta-preciser{all:unset;display:inline-block;margin:0 0 var(--e-2)!important;padding:4px 0!important;background:none!important;border:0!important;color:var(--ink)!important;font-family:var(--sans)!important;font-weight:600!important;font-size:var(--t-sm)!important;text-decoration:underline!important;cursor:pointer;grid-column:1 / -1;text-align:left!important;width:auto!important}
.gform_wrapper button.ta-preciser:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.ta-v2 .ta-dv2-gf .gform_wrapper button.ta-preciser,.ta-v2 .ta-dv2-gf button.ta-preciser{display:inline-block!important;width:auto!important;min-height:0!important;padding:4px 0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ink)!important;text-align:left!important}

/* Jauge fine (6 px) sous le récit, un seul conseil court, plus de carte. Le modèle hors du formulaire reste caché. */
.ta-v2 .ta-dv2-jauge[data-ta-jauge]:not(.est-pose){display:none}
.ta-v2 .ta-dv2-gf .ta-dv2-jauge.est-pose{margin:6px 0 0;padding:0;background:none;border-radius:0}
.ta-v2 .ta-dv2-gf .ta-dv2-jauge.est-pose .ta-dv2-jauge-tete{display:none}
.ta-v2 .ta-dv2-gf .ta-dv2-jauge.est-pose .ta-dv2-jauge-piste{height:6px;margin:0 0 4px}
.ta-v2 .ta-dv2-gf .ta-dv2-jauge.est-pose p{font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-dv2-gf .ta-recit-compteur{float:right;margin:4px 0 0 8px}

/* Barre d'actions : Retour (contour) | Étape N sur 3 | Suivant (vert) ; en pied de carte sur bureau. */
.ta-v2 .ta-dv2-gf .gform_page_footer{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;margin:var(--e-2) calc(-1 * var(--e-3)) 0!important;padding:8px var(--e-3)!important;border-top:1px solid var(--line);background:#fff}
.ta-v2 .ta-dv2-gf .gform_page_footer .gform_previous_button{grid-column:1;justify-self:start}
.ta-v2 .ta-dv2-gf .gform_page_footer .ta-dv2-etape{grid-column:2;font-size:var(--t-sm);color:var(--muted);white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}
.ta-v2 .ta-dv2-gf .gform_page:first-of-type .gform_page_footer::before{content:"";grid-column:1} /* étape 1 : pas de Retour, colonne vide */
.ta-v2 .ta-dv2-gf .gform_page_footer .gform_next_button,.ta-v2 .ta-dv2-gf .gform_page_footer .gform_button,.ta-v2 .ta-dv2-gf .gform_page_footer [type=submit]{grid-column:3;justify-self:end}
.ta-v2 .ta-dv2-gf .gform_page_footer :is(.gform_previous_button,.gform_next_button,.gform_button,[type=submit]){min-height:44px!important;margin:0!important;padding:0 18px!important;border-radius:12px!important;font-size:16px!important;font-weight:700!important;width:auto!important}
.ta-v2 .ta-dv2-gf .gform_page_footer .gform_previous_button{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
.ta-v2 .ta-dv2-gf .gform_page_footer :is(.gform_next_button,.gform_button,[type=submit]){background:var(--green)!important;color:var(--ink)!important;border:1.5px solid var(--green)!important}
.ta-v2 .ta-dv2-gf .gform_page_footer :is(.gform_button,[type=submit]){white-space:nowrap}
@media (max-width:389px){.ta-v2 .ta-dv2-gf .gform_page_footer :is(.gform_button,[type=submit]){padding:0 12px!important;font-size:15px!important}}
.ta-v2 .ta-dv2-gf .ta-note-envoi{display:block;margin:var(--e-1) 0 0;font-size:var(--t-xs);color:var(--muted)}

/* Bureau : coordonnées courtes sur deux colonnes (prénom, email, téléphone, ville). */
@media (min-width:768px){
	.ta-v2 .ta-dv2-gf .gform_page:nth-of-type(2) .gform_fields{display:grid!important;grid-template-columns:1fr 1fr;column-gap:var(--e-2)}
	.ta-v2 .ta-dv2-gf .gform_page:nth-of-type(2) .gform_fields > :is(.gsection,.gfield--type-html,.gfield--type-hidden,.ta-dv2-sauvegarde){grid-column:1 / -1}
}

/* Mobile : une étape = un écran ; carte plein écran, un champ par ligne, barre d'actions collée au bas de l'écran. */
@media (max-width:767px){
	.ta-v2 .ta-dv2-grille{grid-template-columns:minmax(0,1fr);gap:0}
	.ta-v2 main > section.ta-dv2-hero{padding-block:0 0!important}
	.ta-v2 .ta-dv2-message{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* H1 gardé pour le référencement */
	.ta-v2 .ta-dv2-reassurance{display:none}
	.ta-v2 .ta-dv2-carte{margin:0 calc(-1 * var(--e-2));padding:var(--e-3) var(--e-2) 0;border:0;border-radius:0;box-shadow:none}
	.ta-v2 .ta-dv2-gf .gf_page_steps{display:none!important}
	.ta-v2 .ta-dv2-gf .ginput_complex{display:block!important}
	.ta-v2 .ta-dv2-gf .ginput_complex > span{display:block!important;width:100%!important;margin:0 0 var(--e-1)!important;padding:0!important}
	.ta-v2 .ta-dv2-gf .gform_page_footer{position:sticky;bottom:0;z-index:20;margin-inline:calc(-1 * var(--e-2))!important;padding:8px var(--e-2) calc(8px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 20px -16px #0f172a55}
}

/* Ressources gratuites (case « aide juridictionnelle » cochée) dans la confirmation. */
.ta-dconf-ressources{margin:0 0 var(--e-3);padding:var(--e-2) var(--e-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.ta-dconf-ressources p{margin:0 0 6px;font-size:var(--t-sm);color:var(--muted)}
.ta-dconf-ressources .ta-dconf-ressources-titre{font-size:var(--t-base);font-weight:700;color:var(--ink)}
.ta-dconf-ressources ul{margin:var(--e-1) 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:var(--t-sm);line-height:1.5}
.ta-dconf-ressources a{color:var(--ink);font-weight:600;text-decoration:underline}


/* Nom et prénom : sous-libellés au-dessus de leur case, plus discrets que le libellé du champ. */
.ta-v2 .ta-dv2-gf .ginput_container--name,.ta-popup-v2 .ginput_container--name{margin-left:0!important;margin-right:0!important} /* la grille GF décale de -8 px */
.ta-v2 .ta-dv2-gf .ginput_container--name label,.ta-v2 .ta-dv2-gf .ginput_container--name .gform-field-label--type-sub,
.ta-popup-v2 .ginput_container--name label,.ta-popup-v2 .ginput_container--name .gform-field-label--type-sub{display:block!important;margin:0 0 4px!important;font-size:var(--t-sm)!important;font-weight:500!important;color:var(--muted)!important}

/* Adresse email (1.7, réponse 171) : suggestion de domaine sous le champ ; correction sur la confirmation. */
.ta-v2 .ta-email-suggestion{margin:6px 0 0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-email-suggestion[hidden]{display:none}
.ta-v2 .ta-email-suggestion button{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--ink);text-decoration:underline;cursor:pointer}
.ta-dconf-adresse{font-weight:700;overflow-wrap:anywhere}
.ta-dconf-adresse[hidden]{display:none}
.ta-dconf-corriger{margin:calc(-1 * var(--e-2)) 0 var(--e-3)}
.ta-dconf-corriger-lien{background:none;border:0;padding:0;font:inherit;font-size:var(--t-sm);font-weight:700;color:var(--ink);text-decoration:underline;cursor:pointer;min-height:44px}
.ta-dconf-corriger-form{display:grid;gap:8px;margin-top:6px;max-width:420px}
.ta-dconf-corriger-form[hidden],.ta-dconf-corriger-msg[hidden]{display:none}
.ta-dconf-corriger-form label{font-size:var(--t-sm);font-weight:700}
.ta-dconf-corriger-form input{min-height:48px;font-size:16px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink)}
.ta-dconf-corriger-msg{margin:0;font-size:var(--t-sm);color:var(--ink)}

/* Domaine du droit : puces compactes (40 px, 14 px, 10 px de côté) : deux lignes au plus dans la popup, même compacité
   sur la page (retour de Girgis du 02/11). */
.ta-v2 .ta-dv2-gf .ta-gf-domaine .gchoice label{min-height:40px!important;padding:0 10px!important;font-size:14px!important}
.ta-v2 .ta-dv2-gf .ta-gf-domaine .gfield_radio{gap:6px!important}
/* Page : le titre de page (référencement) porte la classe ta-visuellement-cache (ta-composants.css) : gardé dans le code,
   il ne double plus le titre de l'étape à l'écran ; le sur-titre « Dépôt gratuit · confidentiel » reste visible. */

/* Pièces à préparer (inc/ta-pieces.php) */
.ta-v2 .ta-pieces{margin:14px 0 0;border:1px solid #e4e8ef;border-radius:12px;padding:12px 14px;background:#fff}
.ta-v2 .ta-pieces summary{cursor:pointer;font-weight:700}
.ta-v2 .ta-pieces ul{margin:10px 0 6px;padding-left:18px;display:grid;gap:4px;font-size:15px}
.ta-v2 .ta-pieces p{margin:0;font-size:13px;color:#5b6575}
.ta-v2 .ta-ps{display:flex;gap:8px;align-items:flex-start;margin:0 0 var(--e-2);font-size:var(--t-sm);font-weight:600;color:#175b43}
.ta-v2 .ta-ps .ta-dot{margin-top:6px;flex:none}

/* 2.1 : consentement SMS, sous-option du téléphone (inc/ta-sms.php) */
.ta-v2 .ta-sms-ok{margin:6px 0 0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-sms-ok label{display:inline-flex;gap:8px;align-items:center;cursor:pointer;font-weight:400}
.ta-v2 .ta-sms-ok input{width:18px;height:18px;margin:0}

/* ═══════════ 2.2 · Page seulement (.ta-dv2-carte) : étape 1 visible sans défiler, barre d'actions collante ═══════════
   Objectif mesuré : étape 1 entière visible à 1366 x 768 et sur iPhone 390 (journal du 02/11). La popup garde ses règles. */
.ta-v2 main > section.ta-dv2-hero{padding-block:12px var(--e-4)!important}
.ta-v2 .ta-dv2-hero .ta-dv2-message{padding:0 0 10px}
.ta-v2 .ta-dv2-hero .ta-dv2-eyebrow{margin:0}
/* overflow:clip et non hidden : hidden fait de la carte un conteneur de défilement, et la barre ne collait plus à l'écran. */
.ta-v2 .ta-dv2-carte{overflow:hidden;overflow:clip;padding-top:18px}

/* En-tête de l'étape et fil des étapes sur une ligne : numéros, libellé de l'étape en cours, sur-titre à droite. */
.ta-v2 .ta-dv2-carte .gf_page_steps{align-items:center;gap:8px!important;margin:0 0 12px!important;padding:0 0 10px!important}
.ta-v2 .ta-dv2-carte .gf_step{flex:none!important;gap:6px!important;font-size:var(--t-xs)!important}
.ta-v2 .ta-dv2-carte .gf_step_number{width:24px!important;height:24px!important}
.ta-v2 .ta-dv2-carte .gf_step:not(.gf_step_active) .gf_step_label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ta-v2 .ta-dv2-carte .ta-dv2-fil-sur{margin:0 0 0 auto;font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a6630;white-space:nowrap}
.ta-v2 .ta-dv2-carte .gsection .ta-dv2-surtitre{display:none} /* il est dans la ligne du fil */
.ta-v2 .ta-dv2-carte .gform_page .gsection{margin:0 0 4px!important}
.ta-v2 .ta-dv2-carte .gsection_title{font-size:22px!important}
.ta-v2 .ta-dv2-carte .gsection_description{margin-top:2px!important}
.ta-v2 .ta-dv2-carte .gform_fields{row-gap:12px!important}
.ta-v2 .ta-dv2-carte .gfield{margin-bottom:0!important}

/* Récit : 112 px, s'agrandit avec le texte (assets/js/ta-depot-v2.js 1.7). */
.ta-v2 .ta-dv2-carte .gfield textarea[name="input_5"]{height:112px!important;min-height:112px!important;max-height:360px;resize:none;overflow-y:auto}

/* Domaine du droit : pastilles de 14 px, deux lignes au plus. */
/* Grand écran : carte de 680 px, les neuf pastilles tiennent sur deux lignes. Plus étroit : retour à la ligne complet,
   jamais de défilement de côté (2.3 : invisible sur iPhone, il coupait « Succession / Héritage »). */
@media (min-width:1200px){.ta-v2 .ta-dv2-grille{grid-template-columns:minmax(0,680px) minmax(240px,1fr)}}
.ta-v2 .ta-dv2-carte .ta-gf-domaine .gfield_radio{gap:5px!important}
.ta-v2 .ta-dv2-carte .ta-gf-domaine .gchoice label{min-height:34px!important;padding:0 8px!important;font-size:14px!important}

/* « + Préciser » et « pour un proche » sur une ligne ; la légende « Pour un proche » reste pour les lecteurs d'écran. */
.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gform_fields{grid-template-columns:repeat(12,minmax(0,1fr))!important} /* 12 colonnes égales : sans elles, la moitié déformait la grille */
.ta-v2 .ta-dv2-carte .gform_page:first-of-type button.ta-preciser{grid-column:1 / span 6!important;align-self:center;margin:0!important}
.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gfield--type-checkbox{grid-column:7 / -1!important;align-self:center}
.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gfield--type-checkbox > legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gfield--type-checkbox .gchoice{display:flex;align-items:center;gap:8px;margin:0!important}
.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gfield--type-checkbox .gchoice label{font-size:var(--t-sm)!important;font-weight:600!important;margin:0!important}

/* Barre d'actions collante : Retour | Étape N sur 3 | Suivant, en bas de l'écran tant que le pied n'est pas atteint. */
.ta-v2 .ta-dv2-carte .gform_page_footer{position:sticky;bottom:0;z-index:20;min-height:56px;margin-top:12px!important;padding:6px var(--e-3)!important;background:rgba(255,255,255,.84)!important;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 -10px 22px -16px rgba(15,23,42,.45)}

/* Turnstile (quand il doute) et « Vérification de sécurité en cours… » : une ligne entière au-dessus des boutons de la barre,
   jamais une case de la grille (ils chevauchaient Retour et l'étape). */
/* 2.3 : posés AU-DESSUS de la barre (position absolue) : invisibles, ils ajoutaient une rangée à la barre (65 px au lieu de 56). */
.ta-v2 .ta-dv2-carte .gform_page_footer :is(.cf-turnstile,.ta-ts-attente){position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);margin:0!important;max-width:calc(100% - 16px)}
.ta-v2 .ta-dv2-carte .gform_page_footer .ta-ts-attente{padding:6px 12px;border-radius:10px;background:#fff;box-shadow:0 6px 18px -8px rgba(15,23,42,.35);font-size:var(--t-sm);color:var(--muted);white-space:nowrap}

/* Réassurance raccourcie : marges resserrées, garanties sur une ligne. */
.ta-v2 .ta-dv2-reassurance{padding:var(--e-2) 18px}
.ta-v2 .ta-dv2-suite{gap:6px;margin-bottom:12px}
/* Garanties en texte simple (coche + libellé) : une ligne à 1 366 px ; plus étroit, elles passent à la ligne, jamais coupées. */
.ta-v2 .ta-dv2-garanties{flex-wrap:wrap;gap:4px 7px}
.ta-v2 .ta-dv2-garanties li{flex:none;gap:4px;padding:0;border:0;background:none;font-size:11.5px;white-space:nowrap}
.ta-v2 .ta-dv2-garanties .ta-icon{width:13px;height:13px}

@media (max-width:767px){
	.ta-v2 main > section.ta-dv2-hero{padding-block:0!important}
	.ta-v2 .ta-dv2-carte{padding-top:14px}
	.ta-v2 .ta-dv2-carte .gsection .ta-dv2-surtitre{display:block;margin-bottom:2px} /* fil masqué sur mobile : le sur-titre reste à sa place */
	.ta-v2 .ta-dv2-carte .gsection_title{font-size:21px!important}
	.ta-v2 .ta-dv2-carte .gform_page:first-of-type button.ta-preciser{grid-column:1 / -1!important}
	.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gfield--type-checkbox{grid-column:1 / -1!important}
	.ta-v2 .ta-dv2-carte .gform_page_footer{padding:6px var(--e-2) calc(6px + env(safe-area-inset-bottom))!important}
	/* 2.3 : une ligne de 56 px. Retour en flèche + mot, bouton sur la place restante ; l'étape est dans la barre de progression. */
	.ta-v2 .ta-dv2-carte .gform_page_footer{grid-template-columns:auto minmax(0,1fr)!important;column-gap:8px}
	.ta-v2 .ta-dv2-carte .gform_page_footer .ta-dv2-etape,.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gform_page_footer::before{display:none}
	.ta-v2 .ta-dv2-carte .gform_page_footer :is(.gform_next_button,.gform_button,[type=submit]){grid-column:2;justify-self:stretch;width:100%!important;min-height:44px!important}
	.ta-v2 .ta-dv2-carte .gform_page:first-of-type .gform_page_footer .gform_next_button{grid-column:1 / -1}
	.ta-v2 .ta-dv2-carte .gform_page_footer .gform_previous_button{grid-column:1;white-space:nowrap;padding:0 12px 0 32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:16px 16px!important}
}

/* 2.4 · Il reste du contenu sous la barre : dégradé discret au-dessus d'elle (classe posée par ta-cases-obligatoires.js).
   Défilement vers un champ (erreur, Tab) : jamais caché sous la barre ni sous l'en-tête. Champ en erreur surligné. */
:root:has(.ta-dv2-carte){scroll-padding-top:96px;scroll-padding-bottom:84px}
.ta-v2 .ta-dv2-carte .gform_page_footer::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.96));pointer-events:none;opacity:0;transition:opacity .2s}
.ta-v2 .ta-dv2-carte .gform_page_footer.ta-suite::before{opacity:1}
.ta-v2 .ta-dv2-carte .gfield.ta-erreur-vue{border-radius:12px;box-shadow:0 0 0 3px #f3b4ab;transition:box-shadow .3s}