/**
 * Trouver-Avocats : fiche avocat 2.0 (aperçu admin), d'après design-reference/fiche-avocat-proposition.html
 * ------------------------------------------------------------------------------------------------
 * Version : 2.3 (02/11/2026)
 * Chargé après fiche.css (grille, colonne de contact, cartes, formulaire, barre d'action réutilisés
 * tels quels). Ce fichier n'ajoute que les blocs propres à la 2.0 : hero sombre, repères, domaines
 * numérotés, comment ça marche en cartes, honoraires et modalités, le cabinet, clôture.
 * Tailles et espacements : échelles de tokens.css uniquement.
 *
 * Changelog
 * 2.3 : ligne du mode pause.
 * 2.2 : bande de chiffres en liens (tuile cliquable vers son bloc), valeur longue réduite sur mobile,
 *       marge d'ancrage sous l'en-tête collant.
 * 2.1 : bureau (retours du 31/10) : hero resserré, photo plafonnée, carte de contact sans défilement
 *       interne, puces d'objet compactes au style « sélectionné » de formulaires-proposition.html.
 * 2.1 : fiche mobile d'après design-reference/fiche-mobile-v2.html (retours du 31/10) : hero compact
 *       avec vignette, repères sur une ligne, carte de dépôt blanche sous le hero, sections à 24 px,
 *       présentation repliée, barre du bas avec vignette ; réassurance de la carte de dépôt.
 * 2.0 : première version.
 */

/* ——— Hero sombre ——— */
.ta-v2 .ta-f2-hero{position:relative;overflow:clip;isolation:isolate;color:#e9edf5;background:linear-gradient(155deg,#101b33 0%,var(--ink) 55%,#0b1222 100%)}
.ta-v2 .ta-f2-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 420px at 78% 18%,#c2a24b1f,transparent 70%),radial-gradient(500px 400px at 8% 90%,#53c5980f,transparent 70%)}
.ta-v2 .ta-f2-hero-marque{position:absolute;top:-40px;right:-20px;z-index:-1;font-family:var(--serif);font-style:italic;font-weight:300;font-size:340px;line-height:1;color:#ffffff07;pointer-events:none;user-select:none}
.ta-v2 .ta-f2-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:var(--e-5);align-items:center;padding-block:var(--e-5) var(--e-6)}
.ta-v2 .ta-f2-eyebrow{display:flex;align-items:center;gap:var(--e-2);margin:0 0 var(--e-3);color:var(--gold);font-size:var(--t-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.ta-v2 .ta-f2-eyebrow::before{content:"";flex:none;width:34px;height:1px;background:var(--gold)}
.ta-v2 .ta-f2-hero h1{margin:0;font-family:var(--serif);font-weight:400;font-size:var(--t-h1);line-height:1.04;letter-spacing:-.025em;color:white;text-wrap:balance}
.ta-v2 .ta-f2-hero h1 em{font-style:italic;color:var(--gold)}
.ta-v2 .ta-f2-accroche{max-width:52ch;margin:var(--e-3) 0 0;font-size:var(--t-lg);line-height:var(--lh-lecture);color:#b9c3d4}
.ta-v2 .ta-f2-chips{display:flex;flex-wrap:wrap;gap:var(--e-1);margin:var(--e-3) 0 0}
.ta-v2 .ta-f2-chips span,.ta-v2 .ta-f2-chips a{border:1px solid #ffffff26;border-radius:999px;padding:var(--e-1) var(--e-2);font-size:var(--t-xs);font-weight:600;color:#dde4ee;background:#ffffff0a}
.ta-v2 .ta-f2-chips a{color:var(--gold);text-decoration:none}
.ta-v2 .ta-f2-chips a:hover{border-color:var(--gold)}
.ta-v2 .ta-f2-actions{display:flex;flex-wrap:wrap;gap:var(--e-2);margin-top:var(--e-4)}
.ta-v2 .ta-f2-actions:empty{display:none}
.ta-v2 .ta-f2-btn-ghost{border:1px solid #ffffff38;background:transparent;color:#eef2f8}
.ta-v2 .ta-f2-btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:transparent}
.ta-v2 .ta-f2-trust{display:flex;flex-wrap:wrap;gap:var(--e-1) var(--e-3);margin:var(--e-3) 0 0;padding:0;list-style:none;font-size:var(--t-xs);color:#9fb0c6}
.ta-v2 .ta-f2-trust li{display:inline-flex;align-items:center;gap:var(--e-1)}
.ta-v2 .ta-f2-trust .ta-icon{width:15px;height:15px;color:var(--green)}

/* Portrait en arche */
.ta-v2 .ta-f2-portrait-zone{position:relative;justify-self:end;width:min(100%,360px)}
.ta-v2 .ta-f2-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:180px 180px var(--radius) var(--radius);background:linear-gradient(145deg,#2c3f61,#131d33);box-shadow:0 30px 80px #00000055}
.ta-v2 .ta-f2-portrait::after{content:"";position:absolute;inset:0;border:1px solid #ffffff1f;border-radius:inherit;pointer-events:none}
.ta-v2 .ta-f2-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.ta-v2 .ta-f2-initiales{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:110px;color:#C2A24B88}
.ta-v2 .ta-f2-anneau{position:absolute;inset:-14px;border:1px solid #c2a24b3d;border-radius:200px 200px calc(var(--radius) + 14px) calc(var(--radius) + 14px);pointer-events:none}
.ta-v2 .ta-f2-float{position:absolute;display:inline-flex;align-items:center;gap:var(--e-1);margin:0;border-radius:999px;padding:10px var(--e-2);font-size:var(--t-xs);font-weight:650;color:var(--ink);background:white;box-shadow:0 14px 34px #00000040}
.ta-v2 .ta-f2-float .ta-icon{width:15px;height:15px;color:var(--green-ink)}
.ta-v2 .ta-f2-float--verif{top:18px;left:-24px}
.ta-v2 .ta-f2-float--delai{bottom:26px;right:-18px;background:#ffffffe6;backdrop-filter:blur(8px)}
.ta-v2 .ta-f2-float--delai i{width:8px;height:8px;border-radius:50%;background:var(--green);animation:ta-f2-pouls 2s infinite}
@keyframes ta-f2-pouls{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.ta-v2 .ta-f2-float--delai i{animation:none}}
@media(max-width:900px){
	.ta-v2 .ta-f2-hero-in{grid-template-columns:minmax(0,1fr);gap:var(--e-4);padding-block:var(--e-4) var(--e-5)}
	.ta-v2 .ta-f2-portrait-zone{justify-self:center;width:min(62vw,260px)} /* sous le texte, comme la maquette : le nom reste au premier écran */
	.ta-v2 .ta-f2-float--verif{left:-8px}
	.ta-v2 .ta-f2-float--delai{right:-6px}
	.ta-v2 .ta-f2-hero-marque{font-size:200px;top:auto;bottom:-30px}
}

/* ——— Bande des repères ——— */
.ta-v2 .ta-f2-reperes{background:var(--ink);border-top:1px solid #ffffff14;color:#cfd7e4}
.ta-v2 .ta-f2-reperes-in{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));margin:0 auto;padding-block:var(--e-3)}
.ta-v2 .ta-f2-reperes--1{--n:1}.ta-v2 .ta-f2-reperes--2{--n:2}.ta-v2 .ta-f2-reperes--3{--n:3}.ta-v2 .ta-f2-reperes--4{--n:4}
.ta-v2 .ta-f2-repere{display:grid;gap:2px;justify-items:center;align-content:center;text-align:center;padding:var(--e-1);border-left:1px solid #ffffff14;color:inherit;text-decoration:none}
.ta-v2 .ta-f2-repere:first-child{border-left:0}
.ta-v2 .ta-f2-repere{align-content:start}
/* Hauteur de valeur commune : les libellés restent alignés même quand une valeur est en corps réduit. */
.ta-v2 .ta-f2-repere-v{display:flex;align-items:center;min-height:calc(var(--t-h3) * 1.2);font-family:var(--serif);font-weight:500;font-size:var(--t-h3);line-height:1.2;color:white;white-space:nowrap}
.ta-v2 .ta-f2-repere-l{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:#a3afc2}
/* Tuile cliquable : elle mène au bloc qui détaille le chiffre (soulignement du libellé au survol). */
.ta-v2 a.ta-f2-repere:hover .ta-f2-repere-l,.ta-v2 a.ta-f2-repere:focus-visible .ta-f2-repere-l{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.ta-v2 a.ta-f2-repere:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:8px}
/* Ancres de la fiche : le titre du bloc visé n'arrive pas sous l'en-tête collant. */
.ta-v2 .ta-fiche2 :is(#domaines,#domaines-tous,#cabinet,#contact,#modalites){scroll-margin-top:calc(var(--ta-nav-haut,72px) + 16px)}
@media(min-width:761px){.ta-v2 .ta-fiche2 :is(#domaines,#domaines-tous,#cabinet,#contact,#modalites){scroll-margin-top:112px}}
@media(max-width:760px){
	.ta-v2 .ta-f2-reperes--3,.ta-v2 .ta-f2-reperes--4{--n:2}
	.ta-v2 .ta-f2-reperes-in{row-gap:var(--e-2)}
	.ta-v2 .ta-f2-reperes--4>.ta-f2-repere:nth-child(3),.ta-v2 .ta-f2-reperes--3>.ta-f2-repere:nth-child(3){border-left:0}
}

/* ——— Titres de blocs : surtitre or + titre Fraunces ——— */
.ta-v2 .ta-f2-s-eyebrow{display:flex;align-items:center;gap:var(--e-1);margin:0 0 var(--e-1);color:#7a6630;font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ta-v2 .ta-f2-s-eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}
.ta-v2 .ta-fiche2 .ta-fiche-bloc h2{margin:0 0 var(--e-3);font-family:var(--serif);font-weight:500;font-size:var(--t-h2);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.ta-v2 .ta-f2-prose{max-width:68ch;color:#333c4d;line-height:var(--lh-lecture)}
.ta-v2 .ta-f2-prose p{margin:0 0 var(--e-2)}
.ta-v2 .ta-f2-prose h3{margin:var(--e-3) 0 var(--e-1);font-size:var(--t-base)}

/* ——— Domaines : liste éditoriale numérotée ——— */
.ta-v2 .ta-f2-dom-liste{margin:0;padding:0;list-style:none}
.ta-v2 .ta-f2-dom-liste li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:var(--e-2);align-items:center;padding:var(--e-3) 10px;border-top:1px solid var(--line);transition:background .2s,padding .2s}
.ta-v2 .ta-f2-dom-liste li:last-child{border-bottom:1px solid var(--line)}
.ta-v2 .ta-f2-dom-liste li:hover{background:var(--bg);padding-inline:18px;border-radius:12px}
.ta-v2 .ta-f2-dom-num{font-family:var(--serif);font-style:italic;font-weight:300;font-size:34px;line-height:1;color:#C2A24B}
.ta-v2 .ta-f2-dom-liste a{font-family:var(--serif);font-weight:550;font-size:var(--t-h3);color:var(--ink);text-decoration:none}
.ta-v2 .ta-f2-dom-liste a::after{content:"";position:absolute;inset:0}
.ta-v2 .ta-f2-dom-liste a:focus-visible{outline:none}
.ta-v2 .ta-f2-dom-liste li:focus-within{outline:2px solid var(--green-ink);outline-offset:2px;border-radius:12px}
.ta-v2 .ta-f2-dom-liste .ta-icon{width:22px;height:22px;color:#aeb6c0;transition:transform .2s,color .2s}
.ta-v2 .ta-f2-dom-liste li:hover .ta-icon{transform:translateX(5px);color:var(--green-ink)}
.ta-v2 .ta-f2-domaines .ta-fiche-plus{margin-top:var(--e-3)}
@media(max-width:600px){.ta-v2 .ta-f2-dom-liste li{grid-template-columns:44px minmax(0,1fr)}.ta-v2 .ta-f2-dom-liste .ta-icon{display:none}.ta-v2 .ta-f2-dom-num{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ta-v2 .ta-f2-dom-liste li,.ta-v2 .ta-f2-dom-liste .ta-icon{transition:none}}

/* ——— Comment ça marche, en cartes ——— */
.ta-v2 .ta-f2-engs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--e-2);margin:0 0 var(--e-4);padding:0;list-style:none}
.ta-v2 .ta-f2-engs li{display:grid;align-content:start;gap:var(--e-1);padding:var(--e-3);border:1px solid var(--line);border-radius:var(--radius);background:white}
.ta-v2 .ta-f2-engs span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-family:var(--serif);font-size:var(--t-lg);background:#f3ecd9;color:#7a6630}
.ta-v2 .ta-f2-engs li:nth-child(2) span{background:#e9f6f0;color:var(--green-ink)}
.ta-v2 .ta-f2-engs li:nth-child(3) span{background:#e8edf6;color:#31466e}
.ta-v2 .ta-f2-engs h3{margin:0;font-size:var(--t-base);font-weight:650}
.ta-v2 .ta-f2-engs p{margin:0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-f2-faq-titre{margin:0 0 var(--e-2);font-size:var(--t-base)}

/* ——— Honoraires et modalités ——— */
.ta-v2 .ta-f2-tarifs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--e-2);margin:0}
.ta-v2 .ta-f2-tarifs>div{display:grid;align-content:start;gap:4px;padding:var(--e-3);border:1px solid transparent;border-radius:var(--radius);background:var(--bg)}
.ta-v2 .ta-fond--papier .ta-f2-tarifs>div{background:white}
.ta-v2 .ta-f2-tarifs>div:first-child{border-color:var(--gold);background:white;box-shadow:0 14px 40px #c2a24b1c}
.ta-v2 .ta-f2-tarifs dt{font-size:var(--t-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ta-v2 .ta-f2-tarifs dd{margin:0;font-size:var(--t-base);font-weight:600;color:var(--ink)}
.ta-v2 .ta-f2-notes{display:flex;flex-wrap:wrap;gap:var(--e-1);margin:var(--e-2) 0 0}
.ta-v2 .ta-f2-notes span{display:inline-flex;align-items:center;gap:var(--e-1);border-radius:999px;padding:var(--e-1) var(--e-2);font-size:var(--t-sm);font-weight:600;color:var(--green-ink);background:#e9f6f0}
.ta-v2 .ta-f2-confreres{margin-top:var(--e-4)}
.ta-v2 .ta-f2-confreres h3{margin:0 0 var(--e-1);font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-f2-confreres dl{display:flex;flex-wrap:wrap;gap:var(--e-1) var(--e-4);margin:0;font-size:var(--t-sm)}
.ta-v2 .ta-f2-confreres div{display:flex;gap:var(--e-1)}
.ta-v2 .ta-f2-confreres dd{margin:0;font-weight:650}

/* ——— Le cabinet ——— */
.ta-v2 .ta-f2-infos{display:grid;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:white}
.ta-v2 .ta-f2-infos>div{display:grid;grid-template-columns:auto 140px minmax(0,1fr);gap:var(--e-2);align-items:start;padding:var(--e-2) var(--e-3);font-size:var(--t-sm)}
.ta-v2 .ta-f2-infos>div+div{border-top:1px solid var(--line)}
.ta-v2 .ta-f2-infos .ta-icon{margin-top:2px;color:#7a6630}
.ta-v2 .ta-f2-infos dt{font-weight:650}
.ta-v2 .ta-f2-infos dd{margin:0;color:#333c4d}
.ta-v2 .ta-f2-infos ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.ta-v2 .ta-f2-infos li span{display:inline-block;min-width:96px;color:var(--muted)}
.ta-v2 .ta-f2-verrou{display:inline-flex;align-items:center;gap:6px;font-style:italic;color:var(--muted)}
.ta-v2 .ta-f2-verrou .ta-icon{color:var(--muted)}
@media(max-width:600px){.ta-v2 .ta-f2-infos>div{grid-template-columns:auto minmax(0,1fr)}.ta-v2 .ta-f2-infos dd{grid-column:2}}

/* ——— Carte de dépôt (fiche non joignable) : navy, comme la maquette ——— */
.ta-v2 .ta-f2-carte-depot{border:0;color:#e7ecf4;background:linear-gradient(160deg,var(--navy),#101b33)}
.ta-v2 .ta-f2-carte-depot h2{color:white}
.ta-v2 .ta-f2-carte-depot p{color:#c3cdda}
.ta-v2 .ta-f2-carte-depot .ta-fiche-espace{color:#E9D8A6}

/* ——— Clôture ——— */
.ta-v2 .ta-f2-cloture{position:relative;overflow:clip;isolation:isolate;color:#e9edf5;background:linear-gradient(155deg,#101b33,var(--ink))}
.ta-v2 .ta-f2-cloture::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 360px at 85% 30%,#c2a24b1a,transparent 70%)}
.ta-v2 .ta-f2-cloture-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-3);padding-block:var(--e-5)}
.ta-v2 .ta-f2-cloture h2{max-width:22ch;margin:0;font-family:var(--serif);font-weight:450;font-size:var(--t-h2);line-height:1.15;letter-spacing:-.02em;color:white;text-wrap:balance}
.ta-v2 .ta-f2-cloture p{max-width:46ch;margin:var(--e-1) 0 0;font-size:var(--t-sm);color:#aab6c9}

/* ——— Formulaire de contact v2 : code postal en demi-largeur (puces : composant commun, ta-composants.css) ——— */
.ta-v2 .ta-gf .ta-gf-demi input{max-width:12ch}

/* ═══ 2.1 : retours mobile du 31/10 (design-reference/fiche-mobile-v2.html) ═══ */
/* Éléments réservés au mobile, masqués sur bureau. */
.ta-v2 .ta-f2-vignette,.ta-v2 .ta-f2-eb-mobile,.ta-v2 .ta-f2-dock-id,.ta-v2 .ta-f2-dock-court{display:none}
/* Réassurance de la carte de dépôt (bureau et mobile). */
.ta-v2 .ta-f2-reass{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e-1) var(--e-2);margin:var(--e-1) 0 0;font-size:var(--t-xs);color:#c3cdda}
.ta-v2 .ta-f2-reass span{display:inline-flex;align-items:center;gap:4px}
.ta-v2 .ta-f2-reass .ta-icon{width:12px;height:12px;color:var(--green)}
.ta-v2 .ta-f2-lire{display:none}

@media(max-width:760px){
	/* Hero compact : plus de vide au-dessus du surtitre, vignette à côté du nom. */
	/* Le padding imposé à toute section de main (tokens.css, !important) créait le grand vide. */
	.ta-v2 main > section.ta-f2-hero{padding-block:0!important}
	.ta-v2 main > section.ta-f2-cloture{padding-block:var(--e-4)!important}
	.ta-v2 .ta-f2-hero-in{gap:0;padding-block:22px var(--e-3)}
	.ta-v2 .ta-f2-portrait-zone,.ta-v2 .ta-f2-accroche{display:none} /* l'accroche = 1re phrase de la présentation, lue juste après */
	.ta-v2 .ta-f2-hero-marque{font-size:160px}
	.ta-v2 .ta-f2-tete{display:flex;align-items:center;gap:14px}
	.ta-v2 .ta-f2-tete-texte{min-width:0}
	.ta-v2 .ta-f2-vignette{position:relative;display:block;flex:none;width:88px;height:104px;overflow:hidden;border:2px solid #ffffff22;border-radius:22px;background:linear-gradient(145deg,#2c3f61,#131d33);box-shadow:0 10px 30px #00000055}
	.ta-v2 .ta-f2-vignette img{display:block;width:100%;height:100%;object-fit:cover}
	.ta-v2 .ta-f2-vignette .ta-f2-initiales{font-size:var(--t-h3)}
	.ta-v2 .ta-f2-vignette-verif{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:999px;padding:2px 4px;background:white;color:var(--green-ink);font-size:var(--t-xs);font-weight:700;line-height:1.3}
	.ta-v2 .ta-f2-vignette-verif .ta-icon{width:11px;height:11px}
	.ta-v2 .ta-f2-eyebrow{margin:0 0 6px;letter-spacing:.08em;line-height:1.35}
	.ta-v2 .ta-f2-eyebrow::before,.ta-v2 .ta-f2-eb-bureau{display:none}
	.ta-v2 .ta-f2-eb-mobile{display:inline}
	.ta-v2 .ta-f2-hero h1{font-size:var(--t-h3);line-height:1.12}
	.ta-v2 .ta-f2-hero h1 em{display:block}
	.ta-v2 .ta-f2-chips{margin-top:var(--e-2)}
	.ta-v2 .ta-f2-chips span,.ta-v2 .ta-f2-chips a{padding:6px 12px}
	/* Fiche non joignable : le seul bouton de dépôt du premier écran est celui de la carte. */
	.ta-v2 .ta-f2-actions:has(.ta-f2-hero-depot){display:none}
	.ta-v2 .ta-f2-actions{display:grid;gap:var(--e-1);margin-top:var(--e-2)}
	.ta-v2 .ta-f2-actions .ta-btn{width:100%;min-height:48px}
	.ta-v2 .ta-f2-trust{margin-top:var(--e-2);gap:6px var(--e-2)}

	/* Repères : 3 chiffres au plus, toujours sur une ligne. */
	.ta-v2 .ta-f2-reperes-in,.ta-v2 .ta-f2-reperes--3,.ta-v2 .ta-f2-reperes--4{grid-template-columns:repeat(var(--n),minmax(0,1fr));row-gap:0;padding-block:14px}
	.ta-v2 .ta-f2-reperes--3{--n:3}
	.ta-v2 .ta-f2-reperes--3>.ta-f2-repere:nth-child(3){border-left:1px solid #ffffff14}
	.ta-v2 .ta-f2-repere{padding-inline:4px}
	.ta-v2 .ta-f2-repere-l{letter-spacing:.04em;line-height:1.3}
	/* Valeur longue (« FR · EN · ES +1 ») : corps réduit pour rester sur une ligne à 3 colonnes. */
	.ta-v2 .ta-f2-repere--long .ta-f2-repere-v{font-size:var(--t-base)}

	/* Carte de dépôt : blanche, collée sous le hero (maquette), le lien avocat sous un filet. */
	.ta-v2 .ta-fiche-grille>.ta-fiche-contact:has(.ta-f2-carte-depot){padding-bottom:0;background:white;box-shadow:0 0 0 100vmax white}
	.ta-v2 .ta-f2-carte-depot{padding:20px 0 22px;border:0;border-radius:0;box-shadow:none;background:white;color:var(--ink)}
	.ta-v2 .ta-f2-carte-depot h2{margin:0 0 4px;font-family:var(--serif);font-weight:500;font-size:var(--t-h3);color:var(--ink)}
	.ta-v2 .ta-f2-carte-depot p{margin:0 0 var(--e-2);font-size:var(--t-sm);line-height:1.5;color:var(--muted)}
	.ta-v2 .ta-f2-carte-depot .ta-btn{width:100%;min-height:52px;border-radius:14px}
	.ta-v2 .ta-f2-carte-depot .ta-f2-reass{margin:10px 0 0;color:var(--muted)}
	.ta-v2 .ta-f2-carte-depot .ta-f2-reass .ta-icon{color:var(--green-ink)}
	.ta-v2 .ta-f2-carte-depot .ta-fiche-espace{display:block;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:var(--t-xs);text-align:center;color:#8b763d}

	/* Rythme vertical : sections à 24 px de marge interne. */
	.ta-v2 .ta-fiche2 .ta-fiche-grille>section{padding-block:var(--e-3)}
	.ta-v2 .ta-fiche2 .ta-fiche-bloc h2{margin-bottom:var(--e-1);font-size:var(--t-h3)}
	.ta-v2 .ta-f2-s-eyebrow{margin-bottom:6px}
	.ta-v2 .ta-f2-dom-liste li{padding:var(--e-2) 4px}
	.ta-v2 .ta-f2-cloture-in{padding-block:0}
	/* Présentation repliée à 4 lignes (ta-fiche.js) ; le texte reste entier dans le HTML. */
	.ta-v2 .ta-f2-prose.est-replie{max-height:calc(4 * 1.7em);overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
	.ta-v2 .ta-f2-lire{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;padding:0;border:0;background:none;font:inherit;font-size:var(--t-sm);font-weight:700;color:var(--green-ink);cursor:pointer}

	/* Barre du bas : vignette, nom, ligne d'appui et bouton (maquette). */
	.ta-v2 .ta-fiche-dock.ta-f2-dock{align-items:center;gap:10px;padding:10px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -10px 30px -18px #0f172a59}
	.ta-v2 .ta-f2-dock .ta-f2-dock-id{display:flex;flex:1;align-items:center;gap:10px;min-width:0}
	.ta-v2 .ta-f2-dock-photo{display:grid;place-items:center;flex:none;width:40px;height:40px;overflow:hidden;border-radius:12px;background:linear-gradient(160deg,#2c3f61,#131d33);font-family:var(--serif);font-style:italic;color:#C2A24B}
	.ta-v2 .ta-f2-dock-photo img{display:block;width:100%;height:100%;object-fit:cover}
	.ta-v2 .ta-f2-dock-txt{display:grid;min-width:0;font-size:var(--t-xs);line-height:1.3;color:var(--muted)}
	.ta-v2 .ta-f2-dock-txt b{overflow:hidden;font-size:var(--t-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis}
	.ta-v2 .ta-fiche-dock.ta-f2-dock .ta-btn{flex:none;width:auto;min-height:44px;padding:0 var(--e-2);border-radius:14px}
	.ta-v2 .ta-fiche-dock.ta-f2-dock .ta-btn .ta-icon{display:none}
	.ta-v2 .ta-f2-dock-long{display:none}
	.ta-v2 .ta-f2-dock-court{display:inline}
}

/* ═══ 2.1 : retours bureau du 31/10 (hero, carte de contact, formulaire) ═══ */
/* Hero : environ 64 px au-dessus du surtitre (le padding imposé aux sections de main est annulé),
   photo plafonnée à 420 px de haut, en arche, centrée avec le texte. */
.ta-v2 main > section.ta-f2-hero{padding-block:0!important}
.ta-v2 .ta-f2-hero-in{padding-block:var(--e-4);align-items:center}
.ta-v2 .ta-f2-portrait-zone{width:auto;justify-self:end}
.ta-v2 .ta-f2-portrait{height:min(420px,46vh);width:auto;aspect-ratio:4/5}
.ta-v2 .ta-f2-reperes-in{padding-block:var(--e-2)}
.ta-v2 .ta-f2-hero h1{font-size:clamp(38px,3.6vw,52px)}
.ta-v2 .ta-f2-accroche{margin-top:var(--e-2)}
.ta-v2 .ta-f2-actions{margin-top:var(--e-3)}

/* Carte de contact : jamais de défilement interne. Le sticky « intelligent » (ta-fiche.js) la fixe en
   haut si elle tient dans l'écran, sinon quand son bas atteint le bas de l'écran. */
.ta-v2 .ta-fiche2 .ta-fiche-carte{max-height:none;overflow:visible}
.ta-v2 .ta-fiche2 .ta-fiche-grille>.ta-fiche-contact{margin-block:var(--e-2) var(--e-5)}
.ta-v2 .ta-fiche2 .ta-fiche-form .gform_footer{position:static;background:none}
.ta-v2 .ta-fiche2 .ta-fiche-form .gform_footer::before{display:none}
.ta-v2 .ta-fiche2 .ta-gf .gform_button,.ta-v2 .ta-fiche2 .ta-gf .gform_footer input[type=submit]{background:var(--green)!important;color:var(--ink)!important;opacity:1!important}
/* « Votre situation » : environ 4 lignes, s'agrandit à la saisie (ta-fiche.js), 16 px (pas de zoom iOS).
   block-size aussi : le thème de Gravity Forms fixe la hauteur des champs par cette propriété logique. */
.ta-v2 .ta-fiche2 .ta-fiche-form.ta-gf textarea,.ta-v2 .ta-fiche2 .ta-fiche-form.ta-gf .gform_wrapper textarea{height:var(--ta-h,calc(4 * 1.5em + 22px))!important;block-size:var(--ta-h,calc(4 * 1.5em + 22px))!important;min-height:calc(4 * 1.5em + 22px)!important;min-block-size:calc(4 * 1.5em + 22px)!important;font-size:var(--t-base)!important;line-height:1.5!important;resize:none;overflow:hidden;transition-property:border-color,box-shadow,background-color!important}


/* Astérisque discret au lieu de « (Nécessaire) » (réglage requiredIndicator des formulaires v2). */
.ta-v2 .ta-gf .gfield_required_asterisk{margin-left:2px;color:#a14f1c;font-weight:600}

/* ——— « Votre demande concerne » : puce « + Autre sujet » et recherche dans les autres matières ———
   Boutons placés dans le formulaire : le thème de Gravity Forms stylise tous ses boutons, d'où la
   spécificité renforcée et les !important. */
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-plus{display:inline-flex!important;align-items:center;width:auto!important;min-height:36px!important;padding:8px 14px!important;border:1px dashed #9fd9bf!important;border-radius:999px!important;background:white!important;box-shadow:none!important;font:inherit;font-size:var(--t-sm)!important;font-weight:600!important;line-height:1.3!important;color:var(--green-ink)!important;cursor:pointer}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-plus:hover{border-color:var(--green)!important}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-plus:focus-visible{outline:2px solid var(--green-ink);outline-offset:2px}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-plus[hidden]{display:none!important}
.ta-v2 .ta-objet-panneau{display:grid;gap:8px;margin-top:10px}
.ta-v2 .ta-objet-panneau[hidden]{display:none}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-cherche{width:100%;min-height:44px!important;padding:0 12px!important;border:1.5px solid var(--green)!important;border-radius:12px!important;background:#f7f8fb!important;font:inherit;font-size:var(--t-base)!important;color:var(--ink)!important}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-cherche:focus{outline:none;box-shadow:0 0 0 3px #53c59833!important}
.ta-v2 .ta-objet-liste{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:white}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-liste button{display:flex!important;justify-content:space-between;align-items:center;gap:var(--e-1);width:100%!important;min-height:40px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-top:1px solid #f1f3f8!important;border-radius:0!important;background:white!important;box-shadow:none!important;font:inherit;font-size:var(--t-sm)!important;font-weight:500!important;line-height:1.35!important;text-align:left!important;color:var(--ink)!important;cursor:pointer}
.ta-v2 .ta-objet-liste button span{flex:1;text-align:left}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-liste button:first-child{border-top:0!important}
.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-liste button:hover,.ta-v2 .ta-fiche-form .gform_wrapper .ta-objet-liste button:focus-visible{background:#f7f8fb!important;outline:none}
.ta-v2 .ta-objet-liste small{flex:none;font-size:var(--t-xs);color:var(--muted)}
.ta-v2 .ta-objet-aide{margin:0;font-size:var(--t-xs);color:var(--muted)}

/* ——— Honoraires chiffrés (inc/ta-honoraires.php) ——— */
.ta-v2 .ta-f2-tarifs--chiffres{margin-bottom:var(--e-2)}
.ta-v2 .ta-f2-tarifs--chiffres ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}

/* Mode pause de l'avocat (inc/ta-pause.php) */
.ta-v2 .ta-pause-fiche{margin:0 0 var(--e-2);padding:10px 14px;border-radius:10px;background:#f7f1e1;color:#6b5a26;font-size:var(--t-sm);font-weight:600}

