/* ta-tokens */
/**
 * Trouver-Avocats : fondations du design system
 * ---------------------------------------------
 * Version : 1.2 (02/11/2026)
 * Source : design-reference/index.html, maquette v4 (Fraunces + Figtree).
 *
 * Tout est rangé sous le conteneur .ta-v2 (et non sous <body>), avec des classes préfixées
 * ta- : pendant la construction, MyListing et designsta.css restent chargés. Ils définissent
 * déjà .btn et .container (Bootstrap), et la maquette remet à zéro a, img, button et les
 * titres. Scopé au conteneur, rien ne déborde sur le header et le footer MyListing.
 * À la coupure de MyListing, les variables remontent sur :root.
 *
 * Contenu : variables (valeurs finales de la maquette), base typographique, composants
 * réutilisables (boutons, surtitre, pastilles, tags, liens, sections, surfaces, icônes,
 * lien d'évitement). Les styles propres à la home vivent dans home.css.
 * Ce fichier est généré depuis la maquette : la retoucher puis régénérer plutôt que
 * de diverger à la main.
 *
 * Changelog
 * 1.2 : polices de secours ajustées (« Figtree Repli », « Fraunces Repli », size-adjust mesuré le 02/11 : Figtree normal
 *       0,99 × Arial, gras 0,957 ; Fraunces 1,044 × Georgia) : le texte garde sa place quand les polices arrivent (CLS).
 * 1.1 : échelles uniques de tailles (--t-*) et d'espacements (--e-*), toutes les valeurs en dur
 *       remplacées ; corps de lecture à 16-18 px.
 * 1.0 : première version, maquette v4.
 */

/* Polices de secours aux mesures des polices du site (relevé du 02/11) : pendant le chargement de Figtree et Fraunces,
   le texte occupe la même largeur, rien ne se décale à leur arrivée (Core Web Vitals, CLS de la fiche en mobile). */
@font-face{font-family:'Figtree Repli';src:local('Arial'),local('ArialMT'),local('Helvetica');font-weight:100 500;size-adjust:99%}
@font-face{font-family:'Figtree Repli';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold');font-weight:600 900;size-adjust:95.7%}
@font-face{font-family:'Fraunces Repli';src:local('Georgia');size-adjust:104.4%}

.ta-v2 {
	--ink: #0f172a;
	--navy: #1a2744;
	--gold: #C2A24B;
	--green: #53C598;
	--green-ink: #175b43;
	--muted: #626d7d;
	--line: #e0e4e9;
	--bg: #f1f3f8;
	--paper: #f9f9f6;
	--white: #fff;
	--serif: 'Fraunces','Fraunces Repli',Georgia,serif;
	--sans: 'Figtree','Figtree Repli',Arial,sans-serif;
	--radius: 16px;
	--shadow: 0 18px 55px #0f172a0b;
	--max: 1280px;

	/* Échelle typographique UNIQUE : aucune autre taille n'est permise dans les feuilles ta-v2.
	   La hiérarchie vient des graisses, des couleurs et de l'espace, pas de la miniaturisation. */
	--t-xs: 12px;                        /* micro-libellés seulement (surtitres, pastilles) */
	--t-sm: 14px;                        /* secondaire : metas, boutons, navigation */
	--t-base: 16px;                      /* texte courant, descriptions de cartes */
	--t-lg: 18px;                        /* lecture longue, introductions */
	--t-h3: 22px;
	--t-h2: clamp(32px, 3.5vw, 44px);
	--t-h1: clamp(38px, 4.5vw, 56px);
	--lh-lecture: 1.7;

	/* Échelle d'espacement UNIQUE (marges, retraits, gouttières). */
	--e-1: 8px;
	--e-2: 16px;
	--e-3: 24px;
	--e-4: 40px;
	--e-5: 64px;
	--e-6: 96px;
}

.ta-v2 *,.ta-v2 *::before,.ta-v2 *::after{box-sizing:border-box}
.ta-v2{scroll-behavior:smooth;scroll-padding-top:108px}
.ta-v2{margin:0;font-family:var(--sans);color:var(--ink);font-size:var(--t-base);line-height:1.6;background:var(--white);-webkit-font-smoothing:antialiased}
.ta-v2 button,.ta-v2 input,.ta-v2 select,.ta-v2 textarea{font:inherit}
.ta-v2 button,.ta-v2 a,.ta-v2 input,.ta-v2 select,.ta-v2 textarea{-webkit-tap-highlight-color:transparent}
.ta-v2 button,.ta-v2 a{touch-action:manipulation}
.ta-v2 button{cursor:pointer}
.ta-v2 a{color:inherit;text-decoration:none}
.ta-v2 img{display:block;max-width:100%;object-fit:cover}
.ta-v2 button{color:inherit}
.ta-v2 h1,.ta-v2 h2,.ta-v2 h3,.ta-v2 p{margin:0}
.ta-v2 h1,.ta-v2 h2,.ta-v2 h3{font-weight:400}
.ta-v2 h1,.ta-v2 h2{font-family:var(--serif);line-height:1.06;letter-spacing:-.035em}
.ta-v2 h2{font-size:var(--t-h2)}
.ta-v2 h3{line-height:1.3}
.ta-v2 em{font-weight:400}
.ta-v2 svg{display:inline-block;vertical-align:middle;flex-shrink:0}
.ta-v2 .ta-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ta-v2 .ta-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ta-v2 .ta-container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.ta-v2 .ta-section{padding-block:var(--e-6)}
.ta-v2 .ta-eyebrow{display:flex;align-items:center;gap:var(--e-1);color:#8b763d;font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--e-2)}
.ta-v2 .ta-eyebrow::before{content:'';width:24px;height:1px;background:var(--gold)}
.ta-v2 .ta-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--e-3);margin-bottom:var(--e-4)}
.ta-v2 .ta-section-head p{color:var(--muted);margin-top:var(--e-2);max-width:430px}
.ta-v2 .ta-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-1);border:1px solid transparent;min-height:49px;padding:var(--e-1) var(--e-3);border-radius:8px;font-size:var(--t-sm);font-weight:650;line-height:1.3;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}
.ta-v2 .ta-btn .ta-icon{width:17px;height:17px}
.ta-v2 .ta-btn:hover{transform:translateY(-2px)}
.ta-v2 .ta-btn-green{background:var(--green);color:var(--ink)}
.ta-v2 .ta-btn-green:hover{background:#6bd1aa;box-shadow:0 7px 18px #53c59835}
.ta-v2 .ta-btn-dark{background:var(--ink);color:white}
.ta-v2 .ta-btn-dark:hover{background:var(--navy)}
.ta-v2 .ta-btn-outline{border-color:var(--line);background:white}
.ta-v2 .ta-btn-outline:hover{border-color:#abb3c0;background:var(--paper)}
.ta-v2 .ta-text-link{display:inline-flex;align-items:center;gap:var(--e-1);font-size:var(--t-sm);font-weight:650;padding-block:var(--e-1)}
.ta-v2 .ta-text-link .ta-icon{width:18px;height:18px;transition:transform .2s}
.ta-v2 .ta-text-link:hover .ta-icon{transform:translateX(4px)}
.ta-v2 :focus-visible{outline:3px solid #288b68;outline-offset:5px}
.ta-v2 .ta-skip-link{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:var(--e-1);transform:translateY(-150%)}
.ta-v2 .ta-skip-link:focus{transform:none}
.ta-v2 .ta-pill{display:inline-flex;align-items:center;gap:var(--e-1);border-radius:100px;padding:var(--e-1) var(--e-1);font-size:var(--t-xs);font-weight:650;line-height:1.4}
.ta-v2 .ta-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}
.ta-v2 .ta-mobile-only{display:none}
.ta-v2 .ta-round-button{display:grid;place-items:center;min-width:40px;width:40px;height:40px;border:1px solid #dce1e9;background:transparent;border-radius:50%;transition:background .2s}
.ta-v2 .ta-round-button:hover{background:white}
.ta-v2 .ta-round-button:disabled{opacity:.35;cursor:default}
.ta-v2 .ta-round-button .ta-icon{width:18px;height:18px}
.ta-v2 .ta-demo-label{display:flex;align-items:center;gap:var(--e-1);font-size:var(--t-xs);color:#8a919c;letter-spacing:.01em;margin-bottom:var(--e-2)}
.ta-v2 .ta-demo-label .ta-icon{width:12px;height:12px}
.ta-v2 .ta-tags{display:flex;gap:var(--e-1);flex-wrap:wrap;margin-block:var(--e-2) var(--e-3)}
.ta-v2 .ta-tag{border:1px solid #e8ebf0;border-radius:4px;color:#697488;padding:3px var(--e-1);font-size:var(--t-xs)}
@media(max-width:1100px){
	.ta-v2 .ta-container{width:calc(100% - 56px)}
}
@media(max-width:700px){
	.ta-v2{scroll-padding-top:85px}
	.ta-v2 .ta-container{width:calc(100% - 40px)}
	.ta-v2 .ta-section{padding-block:var(--e-5)}
	.ta-v2 .ta-eyebrow{font-size:var(--t-xs);margin-bottom:var(--e-2)}
	.ta-v2 .ta-section-head{display:block;margin-bottom:var(--e-3)}
	.ta-v2 .ta-section-head h2{font-size:var(--t-h2)}
	.ta-v2 .ta-section-head p{font-size:var(--t-xs);max-width:310px;margin-top:var(--e-2)}
	.ta-v2 .ta-section-head>.ta-text-link{margin-top:var(--e-2);font-size:var(--t-xs)}
	.ta-v2 .ta-round-button{height:34px;width:34px;min-width:34px}
	.ta-v2 .ta-mobile-only{display:block}
}
@media(max-width:370px){
	.ta-v2 .ta-container{width:calc(100% - 30px)}
}
@media(prefers-reduced-motion:reduce){
	.ta-v2{scroll-behavior:auto}
	.ta-v2 *,.ta-v2 *::before,.ta-v2 *::after{transition:none!important;animation:none!important}
}
@media print{
	.ta-v2 a{color:inherit}
	.ta-v2{font-size:var(--t-xs)}
}
.ta-v2 [hidden]{display:none!important}
.ta-v2 .ta-surface{background:white;border:1px solid var(--line);border-radius:14px;padding:var(--e-3)}
.ta-v2 .ta-surface+.ta-surface{margin-top:var(--e-2)}
.ta-v2 .ta-surface h2{font-size:var(--t-h2);margin-bottom:var(--e-2)}
.ta-v2 .ta-surface>p{font-size:var(--t-sm);color:var(--muted);line-height:1.9}
.ta-v2 .ta-surface>p+p{margin-top:var(--e-2)}
@media(max-width:700px){
	.ta-v2 .ta-surface{padding:var(--e-3)}
	.ta-v2 .ta-surface h2{font-size:var(--t-h2)}
	.ta-v2 .ta-surface>p{font-size:var(--t-xs)}
}
.ta-v2{font-family:var(--sans);font-size:var(--t-base);background:#fff;letter-spacing:-.015em}
.ta-v2 h1,.ta-v2 h2{letter-spacing:-.025em;font-weight:400}
.ta-v2 h2{font-size:var(--t-h2);line-height:1.08}
.ta-v2 em{color:#9a7d36}
.ta-v2 .ta-container{width:min(var(--max),calc(100% - 96px))}
.ta-v2 .ta-section{padding-block:var(--e-6)}
.ta-v2 .ta-eyebrow{font-size:var(--t-xs);letter-spacing:.17em;font-weight:700;color:#8b753a;gap:var(--e-2);margin-bottom:var(--e-3)}
.ta-v2 .ta-eyebrow::before{width:26px}
.ta-v2 .ta-section-head{gap:var(--e-4);margin-bottom:var(--e-4)}
.ta-v2 .ta-section-head p{font-size:var(--t-sm);line-height:1.9;max-width:430px;margin-top:var(--e-2)}
.ta-v2 .ta-btn{border-radius:9px;min-height:52px;font-size:var(--t-sm);font-weight:700;padding:var(--e-2) var(--e-3);gap:var(--e-2);letter-spacing:-.02em;box-shadow:none;transition:transform .22s,background .22s,box-shadow .22s,border-color .22s}
.ta-v2 .ta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0f172a12}
.ta-v2 .ta-btn .ta-icon{width:18px;height:18px;transition:transform .22s}
.ta-v2 .ta-btn:hover .ta-icon{transform:translateX(3px)}
.ta-v2 .ta-btn-outline{border-color:#dbe1e7}
.ta-v2 .ta-text-link{font-size:var(--t-sm);font-weight:650;gap:var(--e-2);white-space:normal}
.ta-v2 .ta-pill{font-size:var(--t-xs);letter-spacing:.005em}
.ta-v2 .ta-demo-label{font-size:var(--t-xs);line-height:1.6;color:#77818f}
.ta-v2 .ta-icon{stroke-width:1.45}
.ta-v2 .ta-tag{font-size:var(--t-xs);padding:5px var(--e-1);border:0;background:#f1f4f2;color:#53695b;border-radius:5px}
.ta-v2 .ta-round-button{width:44px;height:44px;min-width:44px;border-color:#dce2da}
.ta-v2 .ta-round-button:hover{background:#eff4ec;border-color:#c8d1c0}
.ta-v2 .ta-tags{margin-block:var(--e-2) var(--e-3);gap:var(--e-1)}
.ta-v2 .ta-surface{padding:var(--e-4);border-color:#e1e7db;border-radius:14px;box-shadow:0 6px 20px #0f172a02}
.ta-v2 .ta-surface+.ta-surface{margin-top:var(--e-3)}
.ta-v2 .ta-surface .ta-eyebrow{font-size:var(--t-xs);margin-bottom:var(--e-3)}
.ta-v2 .ta-surface h2{font-size:var(--t-h2);line-height:1.12;margin-bottom:var(--e-3)}
.ta-v2 .ta-surface>p{font-size:var(--t-sm);line-height:1.95;color:#6d7868}
.ta-v2 .ta-surface>p+p{margin-top:var(--e-2)}
@media(max-width:1150px){
	.ta-v2 .ta-container{width:calc(100% - 64px)}
	.ta-v2 .ta-surface{padding:var(--e-3)}
}
@media(max-width:950px){
	.ta-v2 .ta-surface{padding:var(--e-3)}
	.ta-v2 .ta-surface h2{font-size:var(--t-h2)}
	.ta-v2 .ta-surface>p{font-size:var(--t-sm)}
}
@media(max-width:760px){
	.ta-v2{scroll-padding-top:90px}
	.ta-v2 .ta-container{width:calc(100% - 40px)}
	.ta-v2 .ta-section{padding-block:var(--e-5)}
	.ta-v2 .ta-eyebrow{font-size:var(--t-xs);letter-spacing:.15em;gap:var(--e-1);margin-bottom:var(--e-2)}
	.ta-v2 .ta-eyebrow::before{width:20px}
	.ta-v2 .ta-section-head{display:block;margin-bottom:var(--e-3)}
	.ta-v2 .ta-section-head h2{font-size:var(--t-h2);line-height:1.07}
	.ta-v2 .ta-section-head p{font-size:var(--t-sm);line-height:1.9;max-width:350px;margin-top:var(--e-2)}
	.ta-v2 .ta-section-head>.ta-text-link{font-size:var(--t-xs);margin-top:var(--e-2)}
	.ta-v2 .ta-round-button{width:37px;height:37px;min-width:37px}
	.ta-v2 .ta-tags{gap:var(--e-1);margin-block:var(--e-2) var(--e-3)}
	.ta-v2 .ta-tag{font-size:var(--t-xs);padding:5px var(--e-1)}
	.ta-v2 .ta-demo-label{font-size:var(--t-xs);line-height:1.9;margin-bottom:var(--e-2)}
	.ta-v2 .ta-surface{padding:var(--e-3);border-radius:12px}
	.ta-v2 .ta-surface+.ta-surface{margin-top:var(--e-2)}
	.ta-v2 .ta-surface .ta-eyebrow{font-size:var(--t-xs);margin-bottom:var(--e-3)}
	.ta-v2 .ta-surface h2{font-size:var(--t-h2);line-height:1.12;margin-bottom:var(--e-3)}
	.ta-v2 .ta-surface>p{font-size:var(--t-sm);line-height:1.95}
}
@media(max-width:420px){
	.ta-v2 .ta-surface{padding:var(--e-3)}
}
@media(prefers-reduced-motion:no-preference){
	.ta-v2 @keyframes premium-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
.ta-v2 .ta-section-head .ta-eyebrow{font-size:var(--t-xs);line-height:1.6;color:#8b753a;max-width:none;margin-top:0;margin-bottom:var(--e-3)}
@media(max-width:760px){
	.ta-v2 .ta-section-head .ta-eyebrow{font-size:var(--t-xs);line-height:1.8;margin-top:0;margin-bottom:var(--e-2)}
}
.ta-v2 h1,.ta-v2 h2{letter-spacing:-.015em;font-variation-settings:"opsz" 80}
.ta-v2 h1 em,.ta-v2 h2 em{font-variation-settings:"opsz" 80,"wght" 480}
.ta-v2 select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%231a2744" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');background-repeat:no-repeat;background-position:right 4px center;background-size:15px;padding-right:var(--e-3)}

/* ═══════════════ Lecture : corps minimums de l'échelle ═══════════════ */
.ta-v2{font-size:var(--t-base);line-height:var(--lh-lecture)}
.ta-v2 h1{font-size:var(--t-h1)}
.ta-v2 h2{font-size:var(--t-h2)}
.ta-v2 .ta-btn,.ta-v2 .ta-text-link{font-size:var(--t-sm)}
.ta-v2 .ta-eyebrow,.ta-v2 .ta-pill,.ta-v2 .ta-tag{font-size:var(--t-xs)}
.ta-v2 .ta-section-head p,.ta-v2 .ta-surface>p{font-size:var(--t-base);line-height:var(--lh-lecture)}

/* ═══════════════ Rythme des fonds (charte : jamais un tunnel blanc) ═══════════════
   Classes posées par ta_v2_rythme() / ta_v2_habiller_section(), réutilisables sur tout gabarit.
   Contrastes AA vérifiés sur papier (#f1f3f8) : encre 15,9:1, muted #626d7d 5,0:1. */
.ta-v2 section.ta-fond--blanc{background:var(--white)}
.ta-v2 section.ta-fond--papier{background:var(--bg);position:relative;isolation:isolate}
.ta-v2 section.ta-fond--encre{background:var(--ink)}
/* Halo très léger dans un coin des sections papier : de la profondeur, sans se voir. */
.ta-v2 section.ta-fond--papier::before{content:'';position:absolute;z-index:-1;pointer-events:none;top:-120px;right:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#c2a24b0d 0%,#c2a24b00 68%)}
.ta-v2 section.ta-fond--papier:nth-of-type(4n)::before{right:auto;left:-180px;background:radial-gradient(circle,#53c5980c 0%,#53c59800 68%)}

/* Titre de section : filet or (1 px, 64 px) et numérotation éditoriale en Fraunces géant.
   Le numéro est un pseudo-élément décoratif (hors texte lu) : seule exception à l'échelle. */
.ta-v2 .ta-titre-section{position:relative;z-index:0}
.ta-v2 .ta-titre-section::before{content:'';display:block;width:64px;height:1px;background:var(--gold);margin-bottom:var(--e-3)}
.ta-v2 .ta-eyebrow+.ta-titre-section::before,.ta-v2 .ta-eyebrow~.ta-titre-section::before{display:none}
.ta-v2 .ta-titre-section[data-num]::after{content:attr(data-num);position:absolute;z-index:-1;left:-.04em;top:-.62em;font-family:var(--serif);font-size:clamp(110px,11vw,160px);font-weight:400;line-height:1;letter-spacing:-.05em;color:var(--ink);opacity:.045;pointer-events:none}
.ta-v2 .ta-titre-section em{font-style:italic;color:var(--green-ink)}
.ta-v2 .ta-fond--papier .ta-titre-section em{color:#8b6d22}
/* Le halo et le numéro éditorial ne doivent jamais créer de défilement horizontal. */
.ta-v2 section.ta-fond--papier,.ta-v2 section.ta-fond--blanc{overflow-x:clip}

/* ═══ Numéro éditorial CONTENU dans sa section (revue du 29/10) ═══
   La section est le repère (relative + overflow:clip) : le chiffre est ancré à l'intérieur, en
   haut à gauche de la colonne de contenu, derrière le contenu, sans marge négative vers le haut.
   Il ne peut ni déborder sur la section voisine ni créer de défilement. */
.ta-v2 main > section{position:relative;isolation:isolate;overflow:clip}
.ta-v2 .ta-titre-section{position:static;z-index:auto}
.ta-v2 .ta-titre-section[data-num]::after{top:var(--e-3);left:max(var(--e-3),calc((100% - min(var(--max),100% - 96px)) / 2 - .06em));z-index:-1;font-size:clamp(110px,11vw,160px)}
@media(max-width:760px){ .ta-v2 .ta-titre-section[data-num]::after{top:var(--e-2);left:var(--e-2)} }

/* ═══ Rythme vertical standard (charte) : AUCUNE section à 0 ═══
   Toute section de page : --e-6 en haut et en bas. Variante réduite --e-5 pour les bandes
   légères (recherche, contact, partenaires, clôture). Mobile : un cran en dessous.
   Contrôle automatique : padding-top/bottom calculés ∈ échelle --e-*. */
.ta-v2 main > section{padding-block:var(--e-6)!important}
.ta-v2 main > section.ta-search-section,.ta-v2 main > section.ta-contact,.ta-v2 main > section.ta-partenaires,.ta-v2 main > section.ta-closing{padding-block:var(--e-5)!important}
.ta-v2 .ta-hero-main{padding-block:0!important}
@media(max-width:760px){
	.ta-v2 main > section{padding-block:var(--e-5)!important}
	.ta-v2 main > section.ta-search-section,.ta-v2 main > section.ta-contact,.ta-v2 main > section.ta-partenaires,.ta-v2 main > section.ta-closing{padding-block:var(--e-4)!important}
}

/* ═══ Numéro éditorial : réglage définitif (revue du 29/10) ═══
   Filigrane : on le devine, on ne le lit pas. Calé en haut à droite de la section, à l'opposé
   du titre, rogné par les bords haut et droit de SA section (overflow:clip). Sa partie visible
   tient dans la bande de padding haute (--e-6 / --e-5), où il n'y a jamais de texte : aucun
   chevauchement possible avec un titre ou un contenu. Taille 280 px (200 px en mobile),
   opacité 3 % sur blanc, 4 % sur papier. */
.ta-v2 .ta-titre-section[data-num]::after{top:calc(var(--e-6) - 280px * .92);right:-.06em;left:auto;font-size:280px;line-height:1;opacity:.03;color:var(--ink)}
.ta-v2 .ta-fond--papier .ta-titre-section[data-num]::after{opacity:.04}
@media(max-width:760px){
	.ta-v2 .ta-titre-section[data-num]::after{top:calc(var(--e-5) - 200px * .92);right:-.06em;left:auto;font-size:200px}
}

/* ta-layout */
/**
 * Trouver-Avocats : en-tête et pied de page des gabarits refaits
 * --------------------------------------------------------------
 * Version : 1.1 (29/10/2026)
 * Chargé avec templates/ta-header.php et ta-footer.php (aujourd'hui : la home seule).
 *
 * Partie 1 : règles portées de la maquette (design-reference/index.html v6), sous .ta-v2.
 * Partie 2 : ce que la prod a et que la maquette n'a pas : logo image (le logo actuel), menu à
 * sous-menus (le menu de la prod), menu mobile, colonnes du widget de pied de page.
 *
 * Changelog
 * 1.1 : menu mobile plein écran (recette iPhone du 29/10), voir la dernière partie.
 * 1.0 : première version.
 */

/* ═══════════════ Partie 1 : maquette ═══════════════ */
.ta-v2 .ta-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid #e9ebed}
.ta-v2 .ta-header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:var(--e-3)}
.ta-v2 .ta-brand{display:flex;align-items:center;gap:var(--e-1);flex-shrink:0}
.ta-v2 .ta-brand-mark{height:40px;width:40px;display:grid;place-items:center;color:var(--gold);border:1px solid #c2a24b55;border-radius:50%}
.ta-v2 .ta-brand-mark .ta-icon{width:25px;height:25px;stroke-width:1.2}
.ta-v2 .ta-brand-name{font-size:var(--t-lg);font-weight:650;letter-spacing:-.7px;line-height:1.2}
.ta-v2 .ta-brand-name span{font-weight:400}
.ta-v2 .ta-brand-name small{color:var(--gold);font-size:var(--t-xs);letter-spacing:0}
.ta-v2 .ta-brand-tagline{display:block;font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.ta-v2 .ta-nav{display:flex;align-items:center;gap:var(--e-3)}
.ta-v2 .ta-nav a{font-size:var(--t-xs);color:#475164;transition:color .2s}
.ta-v2 .ta-nav a:hover{color:var(--green-ink)}
.ta-v2 .ta-nav .ta-lawyer-nav{display:flex;gap:var(--e-1);align-items:center}
.ta-v2 .ta-nav .ta-icon{width:15px;height:15px}
.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding:var(--e-1) var(--e-2);min-height:44px}
.ta-v2 .ta-menu-toggle{display:none;border:1px solid var(--line);width:44px;height:44px;border-radius:8px;background:white}
.ta-v2 .ta-footer{background:var(--ink);color:#ced6e3;padding-top:var(--e-5)}
.ta-v2 .ta-footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--e-4);padding-bottom:var(--e-4)}
.ta-v2 .ta-footer .ta-brand-name{color:white;font-size:var(--t-lg)}
.ta-v2 .ta-footer .ta-brand-tagline{color:#8894a7}
.ta-v2 .ta-footer-brand>p{max-width:240px;color:#8896ab;font-size:var(--t-xs);line-height:1.9;margin-top:var(--e-2)}
.ta-v2 .ta-footer-heading{color:white;font-weight:550;font-size:var(--t-xs);margin-bottom:var(--e-2)}
.ta-v2 .ta-footer-links{list-style:none;padding:0;margin:0;display:grid;gap:var(--e-1)}
.ta-v2 .ta-footer-links a,.ta-v2 .ta-footer-links button{font-size:var(--t-xs);color:#93a1b5;transition:color .2s}
.ta-v2 .ta-footer-links a:hover,.ta-v2 .ta-footer-links button:hover{color:white}
.ta-v2 .ta-footer-links button{padding:0;border:0;background:none;text-align:left}
.ta-v2 .ta-footer-bottom{border-top:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);padding-block:var(--e-3);font-size:var(--t-xs);color:#7b8a9f}
.ta-v2 .ta-footer-bottom span:last-child{display:flex;align-items:center;gap:var(--e-1)}
.ta-v2 .ta-footer-bottom .ta-icon{width:12px;height:12px;color:#c2a24b}
.ta-v2 .ta-social-links{display:flex;gap:var(--e-1);margin-top:var(--e-2)}
.ta-v2 .ta-social-links button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff20;border-radius:50%;background:transparent;color:#a0aec0;font-weight:600;font-size:var(--t-xs)}
@media(max-width:1100px){
	.ta-v2 .ta-nav{gap:var(--e-2)}
	.ta-v2 .ta-header-inner{gap:var(--e-2)}
	.ta-v2 .ta-brand-name{font-size:var(--t-lg)}
	.ta-v2 .ta-brand-mark{height:35px;width:35px}
	.ta-v2 .ta-footer-main{gap:var(--e-3)}
}
@media(max-width:900px){
	.ta-v2 .ta-nav{gap:var(--e-2)}
	.ta-v2 .ta-nav a{font-size:var(--t-xs)}
	.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding-inline:var(--e-1)}
	.ta-v2 .ta-header-inner{gap:var(--e-2)}
	.ta-v2 .ta-brand-tagline{font-size:var(--t-xs)}
	.ta-v2 .ta-brand{gap:var(--e-1)}
	.ta-v2 .ta-footer-main{grid-template-columns:1.3fr 1fr 1fr}
	.ta-v2 .ta-footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
	.ta-v2 .ta-footer-brand>p{margin:0;max-width:300px}
	.ta-v2 .ta-footer-brand .ta-social-links{margin-top:var(--e-2)}
}
@media(max-width:700px){
	.ta-v2 .ta-header-inner{height:73px;gap:var(--e-1)}
	.ta-v2 .ta-brand-name{font-size:var(--t-lg)}
	.ta-v2 .ta-brand-mark{height:34px;width:34px}
	.ta-v2 .ta-brand-tagline{font-size:var(--t-xs);letter-spacing:.17em}
	.ta-v2 .ta-header-cta{margin-left:auto;min-height:37px;padding:var(--e-1) var(--e-1);font-size:var(--t-xs)}
	.ta-v2 .ta-header-cta .ta-icon{display:none}
	.ta-v2 .ta-menu-toggle{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0}
	.ta-v2 .ta-menu-toggle .ta-icon{width:18px;height:18px}
	.ta-v2 .ta-nav{display:none;position:absolute;left:0;right:0;top:73px;background:white;padding:var(--e-2);border-bottom:1px solid var(--line);box-shadow:0 20px 20px #0f172a09;flex-direction:column;align-items:stretch;gap:0}
	.ta-v2 .ta-nav.ta-is-open{display:flex}
	.ta-v2 .ta-nav a{font-size:var(--t-sm);padding:var(--e-2) var(--e-1)}
	.ta-v2 .ta-footer{padding-top:var(--e-4)}
	.ta-v2 .ta-footer-main{grid-template-columns:1fr 1fr;gap:var(--e-3) var(--e-2);padding-bottom:var(--e-4)}
	.ta-v2 .ta-footer-brand{display:block;grid-column:1/-1}
	.ta-v2 .ta-footer-brand>p{margin-top:var(--e-2);max-width:280px}
	.ta-v2 .ta-footer-heading{font-size:var(--t-xs);margin-bottom:var(--e-2)}
	.ta-v2 .ta-footer-links{gap:var(--e-1)}
	.ta-v2 .ta-footer-links a,.ta-v2 .ta-footer-links button{font-size:var(--t-xs)}
	.ta-v2 .ta-footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--e-1);font-size:var(--t-xs);padding-block:var(--e-2)}
}
@media(max-width:370px){
	.ta-v2 .ta-brand-mark{display:none}
	.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding-inline:var(--e-1)}
}
@media print{
	.ta-v2 .ta-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media(max-width:420px){
	.ta-v2 .ta-header-inner{gap:var(--e-1)}
	.ta-v2 .ta-header .ta-brand-mark{display:none}
	.ta-v2 .ta-header .ta-brand-name{font-size:var(--t-base)}
	.ta-v2 .ta-header .ta-brand-tagline{font-size:var(--t-xs);letter-spacing:.12em}
	.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding-inline:var(--e-1)}
}
.ta-v2 .ta-header{background:#fffffff5;border-bottom-color:#e6e8e7}
.ta-v2 .ta-header-inner{height:92px;gap:var(--e-3)}
.ta-v2 .ta-brand{gap:var(--e-2)}
.ta-v2 .ta-brand-mark{border-radius:12px 12px 12px 3px;height:43px;width:43px;background:var(--ink);border:1px solid #c2a24b55;color:#d7bd75}
.ta-v2 .ta-brand-mark .ta-icon{height:27px;width:27px}
.ta-v2 .ta-brand-name{font-size:var(--t-h3);letter-spacing:-1px;font-weight:700}
.ta-v2 .ta-brand-name span{font-weight:450}
.ta-v2 .ta-brand-name small{font-size:var(--t-xs);margin-left:1px}
.ta-v2 .ta-brand-tagline{font-size:var(--t-xs);letter-spacing:.18em;margin-top:var(--e-1);color:#78816e}
.ta-v2 .ta-nav{gap:var(--e-3)}
.ta-v2 .ta-nav a{font-size:var(--t-xs);font-weight:550;color:#4c5667;position:relative}
.ta-v2 .ta-nav a::after{content:'';position:absolute;height:1px;left:0;right:0;bottom:-8px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.ta-v2 .ta-nav a:hover::after{transform:scaleX(1)}
.ta-v2 .ta-header-cta{font-size:var(--t-xs);min-height:45px;padding:var(--e-1) var(--e-2)}
.ta-v2 .ta-menu-toggle{border-color:#dce1e7}
.ta-v2 .ta-footer{background:#0f172a;padding-top:var(--e-5)}
.ta-v2 .ta-footer-main{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--e-5);padding-bottom:var(--e-4)}
.ta-v2 .ta-footer .ta-brand-mark{border-color:#c2a24b55;background:#ffffff04}
.ta-v2 .ta-footer .ta-brand-name{font-size:var(--t-h3)}
.ta-v2 .ta-footer .ta-brand-tagline{color:#9aa7b5;font-size:var(--t-xs)}
.ta-v2 .ta-footer-brand>p{font-size:var(--t-xs);line-height:1.9;color:#9aa8ba;max-width:240px;margin-top:var(--e-3)}
.ta-v2 .ta-footer-heading{font-size:var(--t-xs);margin-bottom:var(--e-3);font-weight:650;color:#e6e6df}
.ta-v2 .ta-footer-links{gap:var(--e-2)}
.ta-v2 .ta-footer-links a,.ta-v2 .ta-footer-links button{font-size:var(--t-xs);color:#a4b0c1}
.ta-v2 .ta-social-links{gap:var(--e-1);margin-top:var(--e-3)}
.ta-v2 .ta-social-links button{width:31px;height:31px;border-color:#ffffff25;color:#c8d1d9;font-size:var(--t-xs)}
.ta-v2 .ta-footer-wordmark{font-family:var(--serif);font-size:var(--t-h1);color:#d4dccb1c;border-top:1px solid #ffffff15;line-height:1.4;letter-spacing:-.04em;white-space:nowrap;padding-top:var(--e-1);overflow:hidden;user-select:none}
.ta-v2 .ta-footer-wordmark span{color:#c2a24b33}
.ta-v2 .ta-footer-bottom{padding-block:var(--e-3);border-color:#ffffff15;font-size:var(--t-xs);color:#8e9cad}
@media(max-width:1150px){
	.ta-v2 .ta-nav{gap:var(--e-3)}
	.ta-v2 .ta-brand-name{font-size:var(--t-h3)}
	.ta-v2 .ta-header-inner{gap:var(--e-2)}
	.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding-inline:var(--e-2)}
	.ta-v2 .ta-footer-main{gap:var(--e-4)}
}
@media(max-width:950px){
	.ta-v2 .ta-header-inner{gap:var(--e-2)}
	.ta-v2 .ta-nav{gap:var(--e-2)}
	.ta-v2 .ta-nav a{font-size:var(--t-xs)}
	.ta-v2 .ta-brand-name{font-size:var(--t-lg)}
	.ta-v2 .ta-brand-mark{height:37px;width:37px}
	.ta-v2 .ta-brand-tagline{font-size:var(--t-xs)}
	.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding-inline:var(--e-1)}
	.ta-v2 .ta-footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:var(--e-4)}
	.ta-v2 .ta-footer-brand{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;align-items:start}
	.ta-v2 .ta-footer-brand>p{margin:0;max-width:280px}
	.ta-v2 .ta-footer-brand .ta-social-links{margin-top:var(--e-2)}
}
@media(max-width:760px){
	.ta-v2 .ta-header-inner{height:76px;gap:var(--e-1)}
	.ta-v2 .ta-brand-name{font-size:var(--t-lg)}
	.ta-v2 .ta-brand-mark{height:36px;width:36px;display:grid}
	.ta-v2 .ta-brand-tagline{font-size:var(--t-xs);letter-spacing:.12em}
	.ta-v2 .ta-header-cta{min-height:40px;font-size:var(--t-xs);padding:var(--e-1) var(--e-1);margin-left:auto}
	.ta-v2 .ta-header-cta .ta-icon{display:none}
	.ta-v2 .ta-menu-toggle{display:grid;place-items:center;min-width:39px;width:39px;height:40px;border-radius:8px}
	.ta-v2 .ta-menu-toggle .ta-icon{width:18px;height:18px}
	.ta-v2 .ta-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:var(--e-2) var(--e-2);background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 25px #0f172a09}
	.ta-v2 .ta-nav.ta-is-open{display:flex}
	.ta-v2 .ta-nav a{font-size:var(--t-sm);padding:var(--e-2) 4px}
	.ta-v2 .ta-nav a::after{display:none}
	.ta-v2 .ta-footer{padding-top:var(--e-4)}
	.ta-v2 .ta-footer-main{grid-template-columns:1fr 1fr;gap:var(--e-4) var(--e-3);padding-bottom:var(--e-4)}
	.ta-v2 .ta-footer-brand{display:block;grid-column:1/-1}
	.ta-v2 .ta-footer .ta-brand-name{font-size:var(--t-h3)}
	.ta-v2 .ta-footer .ta-brand-mark{height:42px;width:42px;display:grid}
	.ta-v2 .ta-footer .ta-brand-tagline{font-size:var(--t-xs)}
	.ta-v2 .ta-footer-brand>p{font-size:var(--t-xs);line-height:1.9;max-width:290px;margin-top:var(--e-3)}
	.ta-v2 .ta-footer-brand .ta-social-links{margin-top:var(--e-2)}
	.ta-v2 .ta-footer-heading{font-size:var(--t-xs);margin-bottom:var(--e-2)}
	.ta-v2 .ta-footer-links{gap:var(--e-1)}
	.ta-v2 .ta-footer-links a,.ta-v2 .ta-footer-links button{font-size:var(--t-xs);line-height:1.9}
	.ta-v2 .ta-footer-wordmark{font-size:14.5vw;padding-top:var(--e-2);line-height:1.7}
	.ta-v2 .ta-footer-bottom{flex-direction:column;align-items:flex-start;font-size:var(--t-xs);line-height:1.9;gap:var(--e-2);padding-block:var(--e-3)}
}
@media(max-width:420px){
	.ta-v2 .ta-header-inner{gap:var(--e-1)}
	.ta-v2 .ta-header .ta-brand-mark{display:none}
	.ta-v2 .ta-header .ta-brand-name{font-size:var(--t-lg)}
	.ta-v2 .ta-header .ta-brand-tagline{font-size:var(--t-xs);letter-spacing:.1em}
	.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding:var(--e-1) var(--e-1);min-height:39px}
	.ta-v2 .ta-menu-toggle{height:39px;width:36px;min-width:36px}
	.ta-v2 .ta-footer-wordmark{font-size:14vw}
}
@media(max-width:350px){
	.ta-v2 .ta-header .ta-brand-name{font-size:var(--t-base)}
	.ta-v2 .ta-header .ta-brand-tagline{font-size:var(--t-xs)}
	.ta-v2 .ta-header-cta{font-size:var(--t-xs);padding-inline:var(--e-1)}
}
@media print{
	.ta-v2 .ta-footer-wordmark{display:none}
	.ta-v2 .ta-header{display:none}
	.ta-v2 .ta-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.ta-v2 .ta-header .ta-nav a[aria-current="page"]{color:#42643c}
.ta-v2 .ta-header .ta-nav a[aria-current="page"]::after{transform:scaleX(1)}

/* ═══════════════ Partie 2 : éléments de la prod ═══════════════ */

/* Logo actuel (image). */
.ta-v2 .ta-brand-logo{display:block;height:46px;width:auto;object-fit:contain}
.ta-v2 .ta-footer .ta-brand-logo{height:52px}

/* Menu de la prod : liste à deux niveaux. */
.ta-v2 .ta-nav-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--e-3)}
.ta-v2 .ta-nav-menu>li{position:relative}
.ta-v2 .ta-nav-menu>li>a{display:inline-flex;align-items:center;gap:var(--e-1);padding:var(--e-1) 0;font-size:var(--t-xs);font-weight:550;color:#475164}
.ta-v2 .ta-nav-menu>li.menu-item-has-children>a::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.ta-v2 .ta-nav-menu>li.current-menu-item>a,.ta-v2 .ta-nav-menu>li>a:hover{color:var(--green-ink)}
.ta-v2 .ta-nav-menu .sub-menu{list-style:none;margin:0;padding:var(--e-1);position:absolute;top:100%;left:-14px;min-width:250px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px #0f172a14;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:40}
.ta-v2 .ta-nav-menu>li:hover>.sub-menu,.ta-v2 .ta-nav-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.ta-v2 .ta-nav-menu .sub-menu a{display:block;padding:var(--e-1) var(--e-1);border-radius:8px;font-size:var(--t-xs);color:#475164}
.ta-v2 .ta-nav-menu .sub-menu a:hover{background:#f4f6f1;color:var(--green-ink)}

/* Bouton du menu mobile (trois barres dessinées en CSS). */
.ta-v2 .ta-menu-toggle{align-items:center;justify-content:center;cursor:pointer}
.ta-v2 .ta-menu-toggle-barres,.ta-v2 .ta-menu-toggle-barres::before,.ta-v2 .ta-menu-toggle-barres::after{display:block;width:18px;height:1.5px;background:var(--ink);border-radius:2px;position:relative;transition:transform .2s,background .2s}
.ta-v2 .ta-menu-toggle-barres::before,.ta-v2 .ta-menu-toggle-barres::after{content:'';position:absolute;left:0}
.ta-v2 .ta-menu-toggle-barres::before{top:-6px}
.ta-v2 .ta-menu-toggle-barres::after{top:6px}
.ta-v2 .ta-menu-toggle[aria-expanded="true"] .ta-menu-toggle-barres{background:transparent}
.ta-v2 .ta-menu-toggle[aria-expanded="true"] .ta-menu-toggle-barres::before{transform:translateY(6px) rotate(45deg)}
.ta-v2 .ta-menu-toggle[aria-expanded="true"] .ta-menu-toggle-barres::after{transform:translateY(-6px) rotate(-45deg)}

/* Pied de page : réseaux sociaux et colonnes du widget actuel. */
.ta-v2 .ta-footer-main{grid-template-columns:1fr 3fr}
.ta-v2 .ta-social-links{display:flex;gap:var(--e-1);flex-wrap:wrap;margin-top:var(--e-3)}
.ta-v2 .ta-social-links a{display:inline-flex;align-items:center;padding:var(--e-1) var(--e-1);border:1px solid #ffffff22;border-radius:30px;font-size:var(--t-xs);color:#c8d1d9;transition:border-color .2s,color .2s}
.ta-v2 .ta-social-links a:hover{border-color:var(--gold);color:white}
.ta-v2 .ta-footer-widgets .wp-block-columns{display:grid!important;grid-template-columns:repeat(3,1fr);gap:var(--e-4);margin:0}
.ta-v2 .ta-footer-widgets .wp-block-column{min-width:0}
.ta-v2 .ta-footer-widgets h5,.ta-v2 .ta-footer-widgets .c_widget_title h5{color:white;font-family:var(--sans);font-weight:600;font-size:var(--t-xs);letter-spacing:.02em;margin:0 0 var(--e-2)}
.ta-v2 .ta-footer-widgets .ta-footer-outils{margin-top:var(--e-3)!important}
.ta-v2 .ta-footer-widgets ul{list-style:none;margin:0 0 var(--e-1);padding:0;display:grid;gap:var(--e-1);line-height:1.5!important}
.ta-v2 .ta-footer-widgets a{font-size:var(--t-xs);color:#93a1b5;transition:color .2s}
.ta-v2 .ta-footer-widgets a:hover{color:white}
.ta-v2 .ta-footer-widgets p{font-size:var(--t-xs);color:#8896ab;margin:var(--e-2) 0 var(--e-1)}
.ta-v2 .ta-footer-widgets figure{margin:var(--e-2) 0 0}
.ta-v2 .ta-footer-widgets img{max-width:180px;height:auto;border-radius:8px}
.ta-v2 .ta-footer-bottom a{color:#c8d1d9;text-decoration:underline;text-underline-offset:3px}

/* Mobile : le menu devient un panneau sous l'en-tête. */
@media(max-width:1100px){
	.ta-v2 .ta-nav-menu{gap:var(--e-2)}
	.ta-v2 .ta-nav-menu>li>a{font-size:var(--t-xs)}
}
@media(max-width:950px){
	.ta-v2 .ta-menu-toggle{display:inline-flex}
	.ta-v2 .ta-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 18px 35px #0f172a14;padding:var(--e-1) var(--e-2) var(--e-2);max-height:calc(100vh - 80px);overflow-y:auto}
	.ta-v2 .ta-nav.is-open{display:block}
	.ta-v2 .ta-nav-menu{flex-direction:column;align-items:stretch;gap:0}
	.ta-v2 .ta-nav-menu>li{border-bottom:1px solid #eef0f3}
	.ta-v2 .ta-nav-menu>li>a{padding:var(--e-2) 0;font-size:var(--t-sm);width:100%}
	.ta-v2 .ta-nav-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 var(--e-1) var(--e-1);min-width:0;display:none}
	.ta-v2 .ta-nav-menu>li.ta-sous-ouvert>.sub-menu{display:block}
	.ta-v2 .ta-header-inner{position:relative;height:72px}
	.ta-v2 .ta-footer-main{grid-template-columns:1fr}
	.ta-v2 .ta-footer-widgets .wp-block-columns{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
	.ta-v2 .ta-header-cta{display:none}
	.ta-v2 .ta-brand-logo{height:38px}
	.ta-v2 .ta-footer-widgets .wp-block-columns{grid-template-columns:1fr}
}

/* Revue du 29/10 : la maquette donne au header une marge basse (bande blanche sous le header) ;
   le chevron des sous-menus ne doit pas reprendre le soulignement animé des liens. */
.ta-v2 .ta-header{margin-bottom:0}
.ta-v2 .ta-nav-menu>li.menu-item-has-children>a::after{position:static;left:auto;right:auto;bottom:auto;background:none;transform:rotate(45deg) translateY(-2px);transition:none}
.ta-v2 .ta-nav-menu>li.menu-item-has-children>a:hover::after{transform:rotate(45deg) translateY(-2px)}
.ta-v2 .ta-nav-menu>li>a{min-height:44px}

/* Bouton de compte : « Connexion » (contour, discret) ou « Mon espace » + menu déroulant. */
.ta-v2 .ta-header-inner{gap:var(--e-2)}
.ta-v2 .ta-nav{margin-inline:auto}
.ta-v2 .ta-compte-connexion,.ta-v2 .ta-compte-bouton{min-height:44px;padding:var(--e-1) var(--e-2);font-size:var(--t-xs);gap:var(--e-1);border-radius:9px;white-space:nowrap}
.ta-v2 .ta-compte-connexion .ta-icon,.ta-v2 .ta-compte-bouton .ta-icon{width:16px;height:16px}
.ta-v2 .ta-compte--bureau{position:relative}
.ta-v2 .ta-compte-bouton{display:inline-flex;align-items:center;cursor:pointer;max-width:220px}
.ta-v2 .ta-compte-bouton span{overflow:hidden;text-overflow:ellipsis}
.ta-v2 .ta-compte-chevron{transform:rotate(90deg);transition:transform .2s}
.ta-v2 .ta-compte.est-ouvert .ta-compte-chevron{transform:rotate(-90deg)}
.ta-v2 .ta-compte--bureau .ta-compte-liste{list-style:none;margin:0;padding:var(--e-1);position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px #0f172a1a;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:45}
.ta-v2 .ta-compte--bureau:hover .ta-compte-liste,.ta-v2 .ta-compte--bureau:focus-within .ta-compte-liste,.ta-v2 .ta-compte--bureau.est-ouvert .ta-compte-liste{opacity:1;visibility:visible;transform:none}
.ta-v2 .ta-compte--bureau::before{content:'';position:absolute;left:0;right:0;top:100%;height:10px}
.ta-v2 .ta-compte-liste a{display:flex;align-items:center;min-height:40px;padding:var(--e-1) var(--e-1);border-radius:8px;font-size:var(--t-sm);color:#3c4656}
.ta-v2 .ta-compte-liste a:hover,.ta-v2 .ta-compte-liste a:focus-visible{background:#f4f6f1;color:var(--green-ink)}
.ta-v2 .ta-compte-admin{border-top:1px solid #eef0f3;margin-top:var(--e-1);padding-top:var(--e-1)}
.ta-v2 .ta-compte-admin a{font-size:var(--t-xs);color:var(--muted)}
.ta-v2 .ta-compte-sortie{border-top:1px solid #eef0f3;margin-top:var(--e-1);padding-top:var(--e-1)}
.ta-v2 .ta-compte-sortie a{color:#a14f1c}
.ta-v2 .ta-compte--mobile{display:none}
@media(max-width:950px){
	.ta-v2 .ta-compte--bureau,.ta-v2 .ta-header-inner>.ta-compte-connexion{display:none}
	.ta-v2 .ta-nav .ta-compte--mobile,.ta-v2 .ta-nav .ta-compte-connexion{display:block;margin-top:var(--e-2)}
	.ta-v2 .ta-nav .ta-compte-connexion{display:inline-flex;width:100%;justify-content:center}
	.ta-v2 .ta-compte-nom{display:flex;align-items:center;gap:var(--e-1);margin:var(--e-1) 0 var(--e-1);font-weight:650;font-size:var(--t-sm)}
	.ta-v2 .ta-compte--mobile .ta-compte-liste{list-style:none;margin:0;padding:0}
}

/* ═══════════════ Pied de page v1.1 : même liens, présentation revue ═══════════════
   Contrastes sur l'encre (#0f172a) : liens #c3cbd8 (≈ 11:1), textes #9aa6b8 (≈ 7:1),
   titres #d9c48a (≈ 10:1) : tous au-dessus du seuil AA. */
.ta-v2 .ta-footer{padding-top:var(--e-5);color:#c3cbd8}
.ta-v2 .ta-pied-haut{display:grid;grid-template-columns:minmax(260px,1.15fr) 3fr;gap:var(--e-5);padding-bottom:var(--e-5)}
.ta-v2 .ta-pied-marque .ta-brand-logo{height:50px}
.ta-v2 .ta-pied-mission{margin:var(--e-3) 0 0;max-width:300px;font-family:var(--serif);font-size:var(--t-lg);line-height:1.45;color:#e8ecf2}
.ta-v2 .ta-pied-marque .ta-social-links{margin-top:var(--e-3)}
.ta-v2 .ta-social-links a{min-height:36px;padding:var(--e-1) var(--e-2);font-size:var(--t-xs);color:#c3cbd8}
.ta-v2 .ta-pied-contact{margin-top:var(--e-3);padding:var(--e-2) var(--e-2);border:1px solid #ffffff1a;border-radius:14px;background:#ffffff06;display:grid;gap:var(--e-1);max-width:320px}
.ta-v2 .ta-pied-contact .ta-pied-titre{margin-bottom:4px}
.ta-v2 .ta-pied-contact a,.ta-v2 .ta-pied-contact span{display:flex;align-items:center;gap:var(--e-1);font-size:var(--t-sm);color:#e8ecf2}
.ta-v2 .ta-pied-contact span{color:#9aa6b8;font-size:var(--t-xs)}
.ta-v2 .ta-pied-contact .ta-icon{width:17px;height:17px;color:var(--gold)}
.ta-v2 .ta-pied-contact a:hover{color:white;text-decoration:underline;text-underline-offset:3px}

.ta-v2 .ta-pied-titre{display:block;margin:0 0 var(--e-2);font-family:var(--sans);font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d9c48a;list-style:none}
.ta-v2 summary.ta-pied-titre::-webkit-details-marker{display:none}
.ta-v2 .ta-pied-colonnes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e-4)}
.ta-v2 .ta-pied-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e-1)}
.ta-v2 .ta-pied-col a{font-size:var(--t-sm);line-height:1.45;color:#c3cbd8;transition:color .2s}
.ta-v2 .ta-pied-col a:hover{color:white}
.ta-v2 .ta-pied-col a:focus-visible,.ta-v2 .ta-pied-bas a:focus-visible,.ta-v2 .ta-pied-contact a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
.ta-v2 .ta-pied-articles{padding:var(--e-4) 0 var(--e-4);border-top:1px solid #ffffff14}
.ta-v2 .ta-pied-articles ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--e-4);row-gap:var(--e-1)}

.ta-v2 .ta-pied-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);flex-wrap:wrap;padding-block:var(--e-3);border-top:1px solid #ffffff14}
.ta-v2 .ta-pied-legal{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--e-1) var(--e-3)}
.ta-v2 .ta-pied-legal a{font-size:var(--t-xs);color:#9aa6b8}
.ta-v2 .ta-pied-legal a:hover{color:white}
.ta-v2 .ta-pied-copyright{margin:0;font-size:var(--t-xs);color:#9aa6b8}
.ta-v2 .ta-pied-copyright a{color:#c3cbd8;text-decoration:underline;text-underline-offset:3px}
.ta-v2 .ta-pied-credit{white-space:nowrap}.ta-v2 .ta-pied-credit a:has(img){text-decoration:none}.ta-v2 .ta-pied-credit img{height:22px;width:auto;vertical-align:middle;margin-left:4px}

/* Sur bureau, les colonnes ne se replient pas : le titre n'est pas cliquable. */
@media(min-width:761px){
	.ta-v2 .ta-pied-col>summary{pointer-events:none}
}
@media(max-width:1100px){
	.ta-v2 .ta-pied-haut{grid-template-columns:1fr;gap:var(--e-4)}
	.ta-v2 .ta-pied-colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Mobile : colonnes en accordéons (repliées par ta-layout.js), cibles tactiles de 44 px. */
@media(max-width:760px){
	.ta-v2 .ta-footer{padding-top:var(--e-5)}
	.ta-v2 .ta-pied-colonnes{grid-template-columns:1fr;gap:0}
	.ta-v2 .ta-pied-col{border-top:1px solid #ffffff14}
	.ta-v2 .ta-pied-col>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin:0;cursor:pointer}
	.ta-v2 .ta-pied-col>summary::after{content:'+';font-size:var(--t-lg);font-weight:400;letter-spacing:0;color:#9aa6b8}
	.ta-v2 .ta-pied-col[open]>summary::after{content:'−'}
	.ta-v2 .ta-pied-col ul{padding-bottom:var(--e-2)}
	.ta-v2 .ta-pied-col a{display:block;padding:var(--e-1) 0}
	.ta-v2 .ta-pied-articles{padding:0}
	.ta-v2 .ta-pied-articles ul{grid-template-columns:1fr}
	.ta-v2 .ta-pied-bas{flex-direction:column;align-items:flex-start}
}

/* Échelle typographique appliquée à l'en-tête et au pied de page (revue du 29/10). */
.ta-v2 .ta-nav-menu>li>a,.ta-v2 .ta-nav-menu .sub-menu a,.ta-v2 .ta-compte-liste a,.ta-v2 .ta-compte-connexion,.ta-v2 .ta-compte-bouton,.ta-v2 .ta-header-cta{font-size:var(--t-sm)}
.ta-v2 .ta-pied-titre{font-size:var(--t-xs)}
.ta-v2 .ta-pied-col a,.ta-v2 .ta-pied-legal a,.ta-v2 .ta-pied-copyright,.ta-v2 .ta-pied-contact a,.ta-v2 .ta-pied-contact span,.ta-v2 .ta-social-links a{font-size:var(--t-sm)}
.ta-v2 .ta-pied-mission{font-size:var(--t-lg);line-height:1.5}
@media(max-width:950px){ .ta-v2 .ta-nav-menu>li>a{font-size:var(--t-base)} }

/* Lien « Avocat ? » (header actuel de la prod) : discret, à côté du bouton de compte. */
.ta-v2 .ta-header-avocat{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--e-1);font-size:var(--t-sm);font-weight:600;color:#475164;white-space:nowrap}
.ta-v2 .ta-header-avocat:hover{color:var(--green-ink)}
@media(max-width:950px){ .ta-v2 .ta-header-avocat{display:none} }
.ta-v2 .ta-header-avocat--mobile{display:none}
@media(max-width:950px){ .ta-v2 .ta-nav .ta-header-avocat--mobile{display:flex;margin-top:var(--e-1);padding-inline:0} }

/* ═══ En-tête : libellés jamais coupés (revue du 29/10, règle de charte) ═══
   Tout tient sur une ligne à 1440 px dans l'état le plus large (connecté : menu complet,
   « Avocat ? », « Mon espace » et le CTA). En dessous de 1360 px, c'est le menu burger qui
   prend le relais : on ne casse jamais un libellé. */
.ta-v2 .ta-header-inner{width:min(1400px,calc(100% - 48px));gap:var(--e-2);flex-wrap:nowrap}
.ta-v2 .ta-nav{flex-wrap:nowrap;min-width:0}
.ta-v2 .ta-nav-menu{flex-wrap:nowrap;gap:var(--e-2)}
.ta-v2 .ta-nav-menu>li>a,.ta-v2 .ta-nav-menu .sub-menu a,.ta-v2 .ta-header-cta,.ta-v2 .ta-header-avocat,.ta-v2 .ta-compte-connexion,.ta-v2 .ta-compte-bouton,.ta-v2 .ta-compte-liste a{white-space:nowrap}
.ta-v2 .ta-header-cta{padding-inline:var(--e-2);flex-shrink:0}
.ta-v2 .ta-brand,.ta-v2 .ta-compte,.ta-v2 .ta-compte-connexion,.ta-v2 .ta-header-avocat{flex-shrink:0}
.ta-v2 .ta-compte-bouton{max-width:190px}

/* Barre d'administration WordPress : le header collant se place sous elle. */
/* Barre d'admin : MyListing remplace le décalage natif de WordPress par ses propres feuilles, absentes
   des pages refaites. On le rétablit ici (sinon l'en-tête collant recouvre le haut du contenu). */
html:has(> body.admin-bar.ta-v2-page){margin-top:var(--wp-admin--admin-bar--height,32px)!important}
body.admin-bar .ta-v2 .ta-header{top:var(--wp-admin--admin-bar--height,32px)}
@media(max-width:600px){ body.admin-bar .ta-v2 .ta-header{top:0} } /* la barre n'est plus fixe sous 600 px */

/* Burger sous 1360 px : mêmes règles que le panneau mobile. */
@media(max-width:1359px){
	.ta-v2 .ta-menu-toggle{display:inline-flex}
	.ta-v2 .ta-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 18px 35px #0f172a14;padding:var(--e-1) var(--e-3) var(--e-3);max-height:calc(100vh - 80px);overflow-y:auto}
	.ta-v2 .ta-nav.is-open{display:block}
	.ta-v2 .ta-nav-menu{flex-direction:column;align-items:stretch;gap:0}
	.ta-v2 .ta-nav-menu>li{border-bottom:1px solid #eef0f3}
	.ta-v2 .ta-nav-menu>li>a{padding:var(--e-2) 0;font-size:var(--t-base);width:100%}
	.ta-v2 .ta-nav-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 var(--e-1) var(--e-1);min-width:0;display:none}
	.ta-v2 .ta-nav-menu>li.ta-sous-ouvert>.sub-menu{display:block}
	.ta-v2 .ta-header-inner{position:relative}
	.ta-v2 .ta-compte--bureau,.ta-v2 .ta-header-inner>.ta-compte-connexion,.ta-v2 .ta-header-inner>.ta-header-avocat{display:none}
	.ta-v2 .ta-nav .ta-compte--mobile{display:block;margin-top:var(--e-2)}
	.ta-v2 .ta-nav .ta-compte-connexion{display:inline-flex;width:100%;justify-content:center;margin-top:var(--e-2)}
	.ta-v2 .ta-nav .ta-header-avocat--mobile{display:flex;margin-top:var(--e-1);padding-inline:0}
	.ta-v2 .ta-compte-nom{display:flex;align-items:center;gap:var(--e-1);margin:var(--e-1) 0;font-weight:650;font-size:var(--t-sm)}
	.ta-v2 .ta-compte--mobile .ta-compte-liste{list-style:none;margin:0;padding:0}
	.ta-v2 .ta-header-cta{margin-left:auto}
}

/* Typo du menu (revue du 29/10) : Figtree 14 px, graisse 500, casse normale, encre à 80 %. */
.ta-v2 .ta-nav-menu>li>a{font-family:var(--sans);font-size:var(--t-sm);font-weight:500;letter-spacing:normal;text-transform:none;color:#0f172acc}
.ta-v2 .ta-nav-menu>li>a:hover,.ta-v2 .ta-nav-menu>li:focus-within>a,.ta-v2 .ta-nav-menu>li.current-menu-item>a{color:var(--green-ink)}
.ta-v2 .ta-nav-menu>li.menu-item-has-children>a::after{width:6px;height:6px;border-right-width:1.25px;border-bottom-width:1.25px;margin-left:2px;opacity:.5;transform:rotate(45deg) translateY(-3px)}
.ta-v2 .ta-nav-menu>li.menu-item-has-children>a:hover::after{transform:rotate(45deg) translateY(-3px);opacity:.8}
.ta-v2 .ta-nav-menu .sub-menu a{font-family:var(--sans);font-size:var(--t-sm);font-weight:500;letter-spacing:normal;text-transform:none;color:#0f172acc}

/* ═══ En-tête mobile standard (charte) : [CTA si la place le permet] [icône compte] [burger] ═══
   Le bouton de compte rendu par le serveur (Connexion / Mon espace et son menu filtré par rôle)
   reste visible en icône de 44 px, à gauche du burger. */
.ta-v2 .ta-header-cta--mobile{display:none}
@media(max-width:1359px){
	.ta-v2 .ta-header-inner>.ta-compte--bureau,.ta-v2 .ta-header-inner>.ta-compte-connexion{display:inline-flex;order:3}
	.ta-v2 .ta-header-cta{order:2}
	.ta-v2 .ta-menu-toggle{order:4}
	.ta-v2 .ta-brand{order:1;margin-right:auto}
	.ta-v2 .ta-compte-bouton,.ta-v2 .ta-header-inner>.ta-compte-connexion{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;border-radius:10px}
	.ta-v2 .ta-header-inner .ta-compte-libelle,.ta-v2 .ta-compte-chevron{display:none}
	.ta-v2 .ta-compte-bouton .ta-icon,.ta-v2 .ta-header-inner>.ta-compte-connexion .ta-icon{width:20px;height:20px}
	.ta-v2 .ta-nav .ta-compte--mobile,.ta-v2 .ta-nav .ta-compte-connexion{display:none!important} /* l'icône compte couvre ce besoin */
	.ta-v2 .ta-compte--bureau .ta-compte-liste{right:0}
}
@media(max-width:600px){
	.ta-v2 .ta-header-cta{display:none}
	.ta-v2 .ta-nav .ta-header-cta--mobile{display:flex;width:100%;justify-content:center;margin:var(--e-1) 0 var(--e-2)}
}
.ta-v2 .ta-menu-toggle{width:44px;height:44px;min-width:44px} /* cible tactile de 44 px (charte) */

/* ═══ Menu mobile plein écran (recette iPhone du 29/10, règle de charte) ═══
   Sous 1360 px : panneau opaque qui occupe tout l'écran sous l'en-tête (--ta-nav-haut, posé par
   ta-layout.js), page bloquée derrière, CTA en tête, sous-menus en accordéon (chevron = bouton),
   entrées de 52 px, puis en bas le compte et l'encart avocats. Zones sûres de l'iPhone respectées
   (encoche en paysage, barre d'accueil en bas). Sur bureau, rien ne change. */
.ta-v2 .ta-nav-pied,.ta-v2 .ta-sous-bascule{display:none}
@media(max-width:1359px){
	/* Blocage sur html seul (il gouverne le défilement de la fenêtre) : posé aussi sur body, il en ferait un
	   conteneur de défilement et l'en-tête collant décrocherait. */
	html.ta-menu-ouvert{overflow:hidden}
	/* Un filtre d'arrière-plan sur l'en-tête capterait le positionnement fixe du panneau. */
	html.ta-menu-ouvert .ta-v2 .ta-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
	html.ta-menu-ouvert .ta-v2 .ta-header-cta{visibility:hidden} /* le même CTA est en tête du panneau */
	.ta-v2 .ta-nav{position:fixed;top:var(--ta-nav-haut,72px);left:0;right:0;bottom:0;z-index:29;max-height:none;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:var(--e-2) max(var(--e-2),env(safe-area-inset-right)) calc(var(--e-3) + env(safe-area-inset-bottom)) max(var(--e-2),env(safe-area-inset-left));background:#fff;border:0;border-top:1px solid var(--line);box-shadow:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
	.ta-v2 .ta-nav.is-open{display:flex}
	.ta-v2 .ta-nav .ta-header-cta--mobile{display:flex;flex:none;width:100%;min-height:52px;justify-content:center;margin:0 0 var(--e-2)}
	.ta-v2 .ta-nav-menu{flex:none}
	.ta-v2 .ta-nav-menu>li{display:flex;flex-wrap:wrap;align-items:stretch}
	.ta-v2 .ta-nav-menu>li>a{flex:1 1 0;min-width:0;min-height:52px;padding:0;display:flex;align-items:center;font-size:var(--t-base)}
	.ta-v2 .ta-nav-menu>li.menu-item-has-children>a::after{display:none} /* le chevron est le bouton */
	.ta-v2 .ta-sous-bascule{display:grid;place-items:center;flex:none;width:52px;min-height:52px;margin-right:calc(-1 * var(--e-1));padding:0;border:0;background:none;color:var(--ink);cursor:pointer;border-radius:10px}
	.ta-v2 .ta-sous-bascule::before{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
	.ta-v2 .ta-sous-bascule[aria-expanded="true"]::before{transform:translateY(2px) rotate(-135deg)}
	.ta-v2 .ta-sous-bascule:focus-visible{outline:2px solid var(--green-ink);outline-offset:-4px}
	.ta-v2 .ta-nav-menu .sub-menu{flex:0 0 100%;padding:0 0 var(--e-1) var(--e-2);border-left:2px solid #eef0f3;margin:0 0 var(--e-1) 2px}
	.ta-v2 .ta-nav-menu .sub-menu a{display:flex;align-items:center;min-height:52px;padding:0 var(--e-1);font-size:var(--t-base);white-space:normal}
	.ta-v2 .ta-nav-pied{display:grid;gap:var(--e-2);flex:none;margin-top:auto;padding-top:var(--e-3)}
	/* Compte : « Connexion » (bouton contour pleine largeur) ou « Mon espace » et ses entrées. */
	.ta-v2 .ta-nav .ta-nav-pied .ta-compte-connexion{display:flex!important;width:100%;min-height:52px;margin:0;justify-content:center}
	.ta-v2 .ta-nav .ta-nav-pied .ta-compte--mobile{display:block!important;margin:0;padding:var(--e-1) var(--e-2);border:1px solid var(--line);border-radius:14px}
	.ta-v2 .ta-nav-pied .ta-compte--mobile .ta-compte-liste{list-style:none;margin:0;padding:0}
	.ta-v2 .ta-nav-pied .ta-compte--mobile .ta-compte-liste a{min-height:48px;font-size:var(--t-base)}
	.ta-v2 .ta-nav-pied .ta-compte-nom{display:flex;align-items:center;gap:var(--e-1);margin:var(--e-1) 0;font-weight:650;font-size:var(--t-sm)}
	/* Encart avocats : navy discret. */
	.ta-v2 .ta-nav .ta-nav-avocat{display:grid;gap:4px;padding:var(--e-2);border-radius:14px;background:var(--navy);color:#dfe5ef}
	.ta-v2 .ta-nav .ta-nav-avocat strong{font-family:var(--serif);font-weight:400;font-size:var(--t-lg);color:#fff}
	.ta-v2 .ta-nav .ta-nav-avocat span{font-size:var(--t-sm);line-height:1.5}
	.ta-v2 .ta-nav .ta-nav-avocat .ta-nav-avocat-lien{display:inline-flex;align-items:center;gap:var(--e-1);min-height:32px;margin-top:4px;font-weight:650;color:#d9c48a}
	.ta-v2 .ta-nav .ta-nav-avocat .ta-icon{width:16px;height:16px}
	.ta-v2 .ta-nav .ta-nav-avocat:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
	.ta-v2 .ta-nav .ta-nav-pied a::after,.ta-v2 .ta-nav .ta-header-cta--mobile::after{display:none}
	.ta-v2 .ta-nav .ta-header-avocat--mobile{display:none}
	.ta-v2 .ta-nav .ta-nav-pied .ta-compte-libelle{display:inline} /* l'en-tête n'affiche que l'icône, le panneau garde le libellé */
	.ta-v2 .ta-nav .ta-nav-avocat{text-align:left;justify-items:start}
	/* Boutons flottants (assistant du site, gestion des cookies) : masqués tant que le panneau est ouvert. */
	html.ta-menu-ouvert #ta-float-btn{visibility:hidden}
	html.ta-menu-ouvert #axeptio_overlay{display:none!important}
}
/* viewport-fit=cover (ta-header.php) : en paysage, le contenu ne passe pas sous l'encoche. */
.ta-v2{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}

/* Lien « Gérer mes cookies » du bas de page (bouton : il rouvre Axeptio, il ne mène nulle part). */
.ta-v2 .ta-pied-cookies{padding:0;border:0;background:none;font:inherit;font-size:var(--t-sm);color:#9aa6b8;cursor:pointer}
.ta-v2 .ta-pied-cookies:hover{color:white}
.ta-v2 .ta-pied-cookies:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}

/* ta-composants */
/**
 * Trouver-Avocats : composants partagés des pages refaites (ta-v2)
 * ----------------------------------------------------------------
 * Version : 1.8 (11/11/2026)
 * Chargé sur TOUTES les pages ta-v2, entre tokens.css / ta-layout.css et le CSS propre à la page.
 *
 * Règle (docs/regles-design.md) : un composant (carte avocat, carte article, carte domaine,
 * tuile simulateur, FAQ, puce, lien étendu…) est défini UNE SEULE FOIS, ici. Le CSS d'une page
 * ne contient jamais le style d'un composant ; une variante passe par un modificateur
 * (ta-carte--compacte…), jamais par une copie. Balisage des cartes : fonctions de
 * inc/ta-composants.php (ex. ta_v2_carte_avocat()).
 * Règles d'origine extraites de home.css (portage de la maquette + revues du 29/10), dans leur
 * ordre de cascade.
 *
 * Changelog
 * 1.8 : bloc « réponse directe » (.ta-ia-reponse) et liste des faits clés (.ta-ia-faits).
 * 1.7 : voile commun de toutes nos fenêtres (ta-voile) : page visible derrière, encre à 45 % et flou de 6 px, entrée en 150 ms ;
 *       défilement bloqué (html.ta-voile-ouvert ou la classe propre à la fenêtre). Règle de Girgis du 03/11.
 * 1.6 : pastille « Urgent » des dossiers (module voie rapide).
 * 1.5 : classe « visuellement caché » (ta-visuellement-cache) : texte gardé dans le code et lu par les lecteurs
 *       d'écran, invisible à l'écran (clip, jamais display:none). Décision 176 de Girgis.
 * 1.4 : puces Gravity Forms (ta-gf-chips) : composant unique pour tous les formulaires (4 états).
 * 1.3 : carrousels au doigt (recette iPhone) : défilement natif, accroche souple, flèches sur bureau seulement.
 * 1.2 : .ta-gf multi-pages (progression, étapes, boutons Précédent / Suivant), repris de depot.css.
 * 1.1 : carte avocat (infos, délai de réponse, puce +N, actions, initiales, variante liste),
 *       pagination, bande de dépôt, barre collante de dépôt.
 * 1.0 : première version (extraction depuis home.css).
 */

.ta-v2 .ta-practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e-2)}
.ta-v2 .ta-practice{position:relative;text-align:left;display:flex;align-items:center;gap:var(--e-2);width:100%;padding:var(--e-3) var(--e-3);background:white;border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s,border-color .2s,box-shadow .2s;min-height:119px}
.ta-v2 .ta-practice:hover{transform:translateY(-4px);border-color:#b8cbbf;box-shadow:var(--shadow)}
.ta-v2 .ta-practice-icon{display:grid;place-items:center;width:47px;height:53px;flex-shrink:0;background:#f4f5ee;border-radius:10px;color:#93804b}
.ta-v2 .ta-practice:nth-child(2n) .ta-practice-icon{background:#edf3f0;color:#6b8d79}
.ta-v2 .ta-practice-icon .ta-icon{width:26px;height:26px;stroke-width:1.3}
.ta-v2 .ta-practice h3{font-weight:600;font-size:var(--t-sm);margin-bottom:var(--e-1)}
.ta-v2 .ta-practice p{font-size:var(--t-xs);color:#88909c}
.ta-v2 .ta-practice-arrow{width:16px;height:16px;margin-left:auto;color:#aeb6c0;transition:transform .2s}
.ta-v2 .ta-practice:hover .ta-practice-arrow{transform:translateX(3px);color:var(--green-ink)}
.ta-v2 .ta-practice-foot{display:flex;align-items:center;justify-content:center;gap:var(--e-1);color:#808898;font-size:var(--t-xs);margin-top:var(--e-3)}
.ta-v2 .ta-practice-foot button{font-size:var(--t-xs);background:none;border:0;color:var(--ink);padding:4px;text-decoration:underline;text-underline-offset:4px}
.ta-v2 .ta-lawyer-track{display:flex;gap:var(--e-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px var(--e-3);scroll-behavior:smooth}
.ta-v2 .ta-lawyer-card{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;background:white;border:1px solid #e6e9ee;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.ta-v2 .ta-lawyer-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ta-v2 .ta-lawyer-card[hidden]{display:none}
.ta-v2 .ta-lawyer-photo{height:245px;position:relative;background:linear-gradient(135deg,#c6d0c8,#a9b6bc);overflow:hidden}
.ta-v2 .ta-lawyer-photo img{width:100%;height:100%;object-position:center 30%;filter:saturate(.65);transition:transform .5s}
.ta-v2 .ta-lawyer-card:hover .ta-lawyer-photo img{transform:scale(1.035)}
.ta-v2 .ta-photo-pill{position:absolute;bottom:15px;left:17px;background:#fffffff2;color:#475a4e;font-size:var(--t-xs);backdrop-filter:blur(5px);padding:var(--e-1) var(--e-1)}
.ta-v2 .ta-lawyer-content{padding:var(--e-3)}
.ta-v2 .ta-lawyer-content h3{font-family:var(--serif);font-size:var(--t-h2);letter-spacing:-.6px}
.ta-v2 .ta-lawyer-location{font-size:var(--t-xs);color:#818b99;display:flex;align-items:center;gap:5px;margin-top:4px}
.ta-v2 .ta-lawyer-location .ta-icon{width:12px;height:12px}
.ta-v2 .ta-lawyer-content .ta-btn{width:100%;min-height:40px;font-size:var(--t-xs);justify-content:space-between;padding:var(--e-1) var(--e-2);background:white}
.ta-v2 .ta-lawyer-content .ta-btn:hover{background:#f5f7f5}
.ta-v2 .ta-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--e-6)}
.ta-v2 .ta-faq-intro h2{font-size:var(--t-h1)}
.ta-v2 .ta-faq-intro>p{color:var(--muted);font-size:var(--t-xs);max-width:230px;margin-top:var(--e-3);line-height:1.85}
.ta-v2 .ta-faq-intro .ta-text-link{margin-top:var(--e-2);font-size:var(--t-xs)}
.ta-v2 .ta-faq-list details{border-bottom:1px solid var(--line)}
.ta-v2 .ta-faq-list details:first-child{border-top:1px solid var(--line)}
.ta-v2 .ta-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);cursor:pointer;font-size:var(--t-xs);font-weight:550;padding:var(--e-3) 0}
.ta-v2 .ta-faq-list summary::-webkit-details-marker{display:none}
.ta-v2 .ta-faq-list summary::after{content:'+';font-size:var(--t-h3);line-height:1;font-weight:400;color:#909aab;flex-shrink:0;transition:transform .2s}
.ta-v2 .ta-faq-list details[open] summary::after{content:'−';color:#a28c4c}
.ta-v2 .ta-faq-list details p{font-size:var(--t-xs);color:var(--muted);line-height:1.9;padding-bottom:var(--e-3);max-width:440px}
@media(max-width:1100px){
	.ta-v2 .ta-practice{padding:var(--e-3) var(--e-2);gap:var(--e-1)}
	.ta-v2 .ta-practice p{font-size:var(--t-xs)}
	.ta-v2 .ta-faq-layout{gap:var(--e-5)}
}
@media(max-width:900px){
	.ta-v2 .ta-practice-grid{grid-template-columns:repeat(2,1fr)}
	.ta-v2 .ta-lawyer-card{flex-basis:calc((100% - 22px)/2)}
	.ta-v2 .ta-faq-layout{gap:var(--e-4);grid-template-columns:.85fr 1.15fr}
}
@media(max-width:700px){
	.ta-v2 .ta-practice-grid{gap:var(--e-1)}
	.ta-v2 .ta-practice{flex-direction:column;align-items:flex-start;gap:var(--e-2);padding:var(--e-2) var(--e-2);min-height:158px}
	.ta-v2 .ta-practice-icon{height:38px;width:38px;border-radius:9px}
	.ta-v2 .ta-practice-icon .ta-icon{width:23px;height:23px}
	.ta-v2 .ta-practice h3{font-size:var(--t-xs);margin-bottom:5px}
	.ta-v2 .ta-practice p{font-size:var(--t-xs);line-height:1.5}
	.ta-v2 .ta-practice-arrow{position:absolute;right:13px;top:29px;width:14px;height:14px}
	.ta-v2 .ta-practice-foot{font-size:var(--t-xs);flex-wrap:wrap;margin-top:var(--e-3)}
	.ta-v2 .ta-practice-foot button{font-size:var(--t-xs)}
	.ta-v2 .ta-lawyer-track{overflow: auto;gap:var(--e-2);margin-right:calc(-1 * var(--e-2));padding-right:var(--e-2);scroll-padding-left:0}
	.ta-v2 .ta-lawyer-card{flex-basis:80%;max-width:340px}
	.ta-v2 .ta-lawyer-photo{height:255px}
	.ta-v2 .ta-lawyer-content{padding:var(--e-3)}
	.ta-v2 .ta-lawyer-content h3{font-size:var(--t-h3)}
	.ta-v2 .ta-faq-layout{grid-template-columns:1fr;gap:var(--e-3)}
	.ta-v2 .ta-faq-intro h2{font-size:var(--t-h2)}
	.ta-v2 .ta-faq-intro>p{max-width:320px;font-size:var(--t-xs);margin-top:var(--e-2)}
	.ta-v2 .ta-faq-intro .ta-text-link{font-size:var(--t-xs);margin-top:var(--e-1)}
	.ta-v2 .ta-faq-list summary{font-size:var(--t-xs);padding:var(--e-2) 0;gap:var(--e-2)}
	.ta-v2 .ta-faq-list details p{font-size:var(--t-xs);padding-bottom:var(--e-2)}
}
@media(max-width:370px){
	.ta-v2 .ta-practice{padding:var(--e-2) var(--e-1)}
	.ta-v2 .ta-practice h3{font-size:var(--t-xs)}
	.ta-v2 .ta-practice p{font-size:var(--t-xs)}
	.ta-v2 .ta-lawyer-card{flex-basis:90%}
}
@media(prefers-reduced-motion:reduce){
	.ta-v2 .ta-lawyer-track{scroll-behavior:auto}
}
@media print{
	.ta-v2 .ta-lawyer-track{overflow:visible;flex-wrap:wrap}
	.ta-v2 .ta-lawyer-card{flex-basis:30%}
}
.ta-v2 .ta-practice-grid{gap:var(--e-2)}
.ta-v2 .ta-practice{border-radius:14px;min-height:168px;display:grid;grid-template-columns:55px 1fr 20px;gap:var(--e-2);padding:var(--e-3) var(--e-3);border-color:#e2e6dd;align-items:center;background:white}
.ta-v2 .ta-practice-icon{height:58px;width:55px;background:#f3f2e9;color:#9c8546;border-radius:12px}
.ta-v2 .ta-practice-icon .ta-icon{width:28px;height:28px}
.ta-v2 .ta-practice h3{font-size:var(--t-base);font-weight:650;letter-spacing:-.025em;margin-bottom:var(--e-1)}
.ta-v2 .ta-practice p{font-size:var(--t-xs);color:#7e887a;line-height:1.7}
.ta-v2 .ta-practice-arrow{color:#a2ae99;width:18px;height:18px}
.ta-v2 .ta-practice:hover{transform:translateY(-5px);border-color:#aebda5;box-shadow:0 16px 35px #0f172a0a}
.ta-v2 .ta-practice:first-child{background:linear-gradient(135deg,#1a2744,#0f172a);border-color:var(--navy);color:white}
.ta-v2 .ta-practice:first-child .ta-practice-icon{background:#ffffff0e;color:#dac287}
.ta-v2 .ta-practice:first-child p{color:#b6c1cd}
.ta-v2 .ta-practice:first-child .ta-practice-arrow{color:#c8d4bb}
.ta-v2 .ta-practice-foot{font-size:var(--t-xs);margin-top:var(--e-3);gap:var(--e-1)}
.ta-v2 .ta-practice-foot button{font-size:var(--t-xs);font-weight:550}
.ta-v2 .ta-lawyer-track{gap:var(--e-3);padding-bottom:var(--e-3)}
.ta-v2 .ta-lawyer-card{flex-basis:calc((100% - 48px)/3);border-color:#e4e8e3;border-radius:14px;background:#fff;box-shadow:0 4px 13px #0f172a03;transition:transform .3s,box-shadow .3s}
.ta-v2 .ta-lawyer-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0f172a0d}
.ta-v2 .ta-lawyer-photo{height:290px;background:#d5ded6}
.ta-v2 .ta-lawyer-photo img{object-position:center 27%;filter:saturate(.65);transition:transform .7s,filter .7s}
.ta-v2 .ta-lawyer-card:hover .ta-lawyer-photo img{transform:scale(1.04);filter:saturate(.9)}
.ta-v2 .ta-photo-pill{font-size:var(--t-xs);left:19px;bottom:18px;padding:var(--e-1) var(--e-1);box-shadow:0 4px 16px #0f172a0b;border:1px solid #ffffff88}
.ta-v2 .ta-lawyer-content{padding:var(--e-3) var(--e-3)}
.ta-v2 .ta-lawyer-content h3{font-size:var(--t-h2);letter-spacing:-.025em;line-height:1.15}
.ta-v2 .ta-lawyer-location{font-size:var(--t-xs);margin-top:var(--e-1);color:#7d8997;gap:var(--e-1)}
.ta-v2 .ta-lawyer-location .ta-icon{width:13px;height:13px}
.ta-v2 .ta-lawyer-content .ta-btn{padding:var(--e-1) 0;min-height:45px;border:0;border-top:1px solid #e6eae5;border-radius:0;font-size:var(--t-xs);background:none;justify-content:space-between}
.ta-v2 .ta-lawyer-content .ta-btn:hover{background:none;box-shadow:none;transform:none;color:var(--green-ink)}
.ta-v2 .ta-faq-layout{grid-template-columns:.85fr 1.15fr;gap:var(--e-6)}
.ta-v2 .ta-faq-intro h2{font-size:var(--t-h1)}
.ta-v2 .ta-faq-intro>p{font-size:var(--t-sm);line-height:1.9;max-width:260px;margin-top:var(--e-3)}
.ta-v2 .ta-faq-intro .ta-text-link{font-size:var(--t-xs);margin-top:var(--e-3)}
.ta-v2 .ta-faq-list summary{font-size:var(--t-sm);font-weight:550;line-height:1.7;padding:var(--e-3) 0;gap:var(--e-2)}
.ta-v2 .ta-faq-list summary::after{font-size:var(--t-h3);color:#8a987e}
.ta-v2 .ta-faq-list details p{font-size:var(--t-sm);line-height:1.95;padding-bottom:var(--e-3);max-width:520px}
@media(max-width:1150px){
	.ta-v2 .ta-practice{gap:var(--e-2);padding:var(--e-3) var(--e-2);grid-template-columns:48px 1fr 16px}
	.ta-v2 .ta-practice-icon{width:48px;height:53px}
	.ta-v2 .ta-practice h3{font-size:var(--t-sm)}
	.ta-v2 .ta-practice p{font-size:var(--t-xs)}
	.ta-v2 .ta-lawyer-photo{height:260px}
	.ta-v2 .ta-lawyer-content{padding:var(--e-3) var(--e-2)}
	.ta-v2 .ta-lawyer-content h3{font-size:var(--t-h2)}
	.ta-v2 .ta-faq-layout{gap:var(--e-5)}
}
@media(max-width:950px){
	.ta-v2 .ta-practice-grid{grid-template-columns:repeat(2,1fr)}
	.ta-v2 .ta-practice{padding:var(--e-3);min-height:155px}
	.ta-v2 .ta-practice h3{font-size:var(--t-sm)}
	.ta-v2 .ta-practice p{font-size:var(--t-xs)}
	.ta-v2 .ta-lawyer-card{flex-basis:calc((100% - 24px)/2)}
	.ta-v2 .ta-faq-layout{gap:var(--e-5)}
	.ta-v2 .ta-faq-intro h2{font-size:var(--t-h1)}
	.ta-v2 .ta-faq-intro>p{font-size:var(--t-sm)}
	.ta-v2 .ta-faq-list summary{font-size:var(--t-sm)}
}
@media(max-width:760px){
	.ta-v2 .ta-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-1)}
	.ta-v2 .ta-practice{min-height:192px;display:flex;flex-direction:column;align-items:flex-start;padding:var(--e-3) var(--e-2);gap:var(--e-2);position:relative;border-radius:12px}
	.ta-v2 .ta-practice-icon{width:44px;height:47px;border-radius:10px}
	.ta-v2 .ta-practice-icon .ta-icon{width:25px;height:25px}
	.ta-v2 .ta-practice h3{font-size:var(--t-sm);line-height:1.4;margin-bottom:var(--e-1);letter-spacing:-.02em}
	.ta-v2 .ta-practice p{font-size:var(--t-xs);line-height:1.7}
	.ta-v2 .ta-practice-arrow{position:absolute;right:15px;top:37px;width:15px;height:15px}
	.ta-v2 .ta-practice-foot{font-size:var(--t-xs);line-height:1.9;gap:4px;flex-wrap:wrap;margin-top:var(--e-3)}
	.ta-v2 .ta-practice-foot button{font-size:var(--t-xs);line-height:1.9}
	.ta-v2 .ta-lawyer-track{gap:var(--e-2);margin-right:calc(-1 * var(--e-2));padding-right:var(--e-2);padding-bottom:var(--e-3)}
	.ta-v2 .ta-lawyer-card{flex-basis:83%;max-width:370px;border-radius:12px}
	.ta-v2 .ta-lawyer-photo{height:290px}
	.ta-v2 .ta-lawyer-content{padding:var(--e-3) var(--e-3)}
	.ta-v2 .ta-lawyer-content h3{font-size:var(--t-h2)}
	.ta-v2 .ta-lawyer-location{font-size:var(--t-xs);margin-top:var(--e-1)}
	.ta-v2 .ta-lawyer-content .ta-btn{font-size:var(--t-xs);min-height:45px;padding-block:var(--e-1)}
	.ta-v2 .ta-faq-layout{grid-template-columns:1fr;gap:var(--e-3)}
	.ta-v2 .ta-faq-intro h2{font-size:var(--t-h1)}
	.ta-v2 .ta-faq-intro>p{font-size:var(--t-sm);line-height:1.9;max-width:330px;margin-top:var(--e-3)}
	.ta-v2 .ta-faq-intro .ta-text-link{font-size:var(--t-xs);margin-top:var(--e-2)}
	.ta-v2 .ta-faq-list summary{font-size:var(--t-xs);line-height:1.85;padding-block:var(--e-3);gap:var(--e-2)}
	.ta-v2 .ta-faq-list details p{font-size:var(--t-xs);line-height:1.95;padding-bottom:var(--e-3)}
}
@media(max-width:420px){
	.ta-v2 .ta-practice{padding:var(--e-3) var(--e-2);min-height:191px}
	.ta-v2 .ta-practice h3{font-size:var(--t-xs)}
	.ta-v2 .ta-practice p{font-size:var(--t-xs)}
	.ta-v2 .ta-lawyer-card{flex-basis:88%}
	.ta-v2 .ta-lawyer-photo{height:270px}
}
@media(max-width:350px){
	.ta-v2 .ta-practice{padding:var(--e-2) var(--e-2);min-height:180px}
	.ta-v2 .ta-practice h3{font-size:var(--t-xs)}
	.ta-v2 .ta-practice p{font-size:var(--t-xs)}
	.ta-v2 .ta-practice-arrow{right:12px}
	.ta-v2 .ta-practice-grid{gap:var(--e-1)}
	.ta-v2 .ta-lawyer-card{flex-basis:92%}
	.ta-v2 .ta-lawyer-content h3{font-size:var(--t-h2)}
}
.ta-v2 .ta-lawyer-photo img{object-position:center 15%}
.ta-v2 .ta-lawyer-card{box-shadow:0 12px 34px -26px rgba(15,23,42,.3)}
.ta-v2 .ta-lawyer-card:hover{transform:translateY(-4px);box-shadow:0 28px 54px -26px rgba(15,23,42,.38)}
.ta-v2 .ta-lawyer-photo img{filter:saturate(.92)}
.ta-v2 .ta-lawyer-location{font-size:var(--t-sm);color:#5a6478;font-weight:550;margin-top:var(--e-1)}
.ta-v2 .ta-lawyer-content .ta-tags{margin-top:var(--e-1);display:flex;gap:var(--e-1);flex-wrap:wrap}
.ta-v2 .ta-lawyer-content .ta-tags>*{background:#eef6f0;color:var(--green-ink);border:1px solid #d9ece1;border-radius:999px;padding:5px var(--e-1);font-size:var(--t-xs);font-weight:650}
.ta-v2 .ta-lawyer-card .ta-btn{width:100%;justify-content:center;margin-top:var(--e-2);min-height:48px;font-size:var(--t-sm);background:var(--ink);border-color:var(--ink);color:#fff}
.ta-v2 .ta-lawyer-card .ta-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
.ta-v2 .ta-parcours-carte{display:flex;flex-direction:column;gap:var(--e-1);position:relative}
.ta-v2 .ta-parcours-carte+.ta-parcours-carte{margin-top:0}
.ta-v2 .ta-parcours-carte .ta-eyebrow{margin-bottom:0}
.ta-v2 .ta-parcours-titre{font-size:var(--t-h3)!important;line-height:1.2;margin:0!important}
.ta-v2 .ta-parcours-carte>p{flex:1}
.ta-v2 .ta-parcours-badge{position:absolute;top:22px;right:22px;background:#eef7f2;color:var(--green-ink)}
.ta-v2 .ta-articles-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:var(--e-2)}
.ta-v2 .ta-article{display:flex;flex-direction:column;gap:var(--e-1)}
.ta-v2 .ta-article+.ta-article{margin-top:0}
.ta-v2 .ta-article .ta-eyebrow{margin:0}
.ta-v2 .ta-article h3{font-size:var(--t-lg);line-height:1.35;font-weight:600}
.ta-v2 .ta-article h3 a:hover{color:var(--green-ink)}
.ta-v2 .ta-article>p{flex:1}
.ta-v2 .ta-faq-list details>div{font-size:var(--t-xs);color:var(--muted);line-height:1.9;padding-bottom:var(--e-3);max-width:440px}
.ta-v2 .ta-faq-list details>div a{color:var(--green-ink);text-decoration:underline}
.ta-v2 .ta-outils-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--e-1);margin-top:var(--e-2)}
.ta-v2 .ta-outil{display:flex;align-items:flex-start;gap:var(--e-2);background:#fff;border:1px solid var(--line);border-radius:13px;padding:var(--e-2) var(--e-2);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ta-v2 a.ta-outil:hover{border-color:var(--gold);box-shadow:0 8px 22px #0f172a0d}
.ta-v2 .ta-outil-icone{flex:none;width:40px;height:40px;border-radius:11px;background:#f4f6f1;display:flex;align-items:center;justify-content:center;color:var(--green-ink)}
.ta-v2 .ta-outil-texte{display:flex;flex-direction:column;gap:4px;min-width:0}
.ta-v2 .ta-outil-texte strong{font-size:var(--t-sm);font-weight:600}
.ta-v2 .ta-outil-texte small{font-size:var(--t-xs);line-height:1.55;color:var(--muted)}
.ta-v2 .ta-outil-cta{display:inline-flex;align-items:center;gap:var(--e-1);margin-top:4px;font-size:var(--t-xs);font-weight:650;color:var(--green-ink)}
.ta-v2 .ta-outil-cta .ta-icon{width:15px;height:15px}
.ta-v2 .ta-outil--bientot{background:#f4f6f1;border:1.5px dashed #c9cfc2;color:#626d7d;cursor:default}
.ta-v2 .ta-outil--bientot .ta-outil-icone{background:#fff;color:#a28c4c}
.ta-v2 .ta-outils-avertissement{display:flex;gap:var(--e-1);align-items:flex-start;margin-top:var(--e-2)!important;font-size:var(--t-xs)!important}
.ta-v2 .ta-outils-avertissement .ta-icon{width:16px;height:16px;flex:none;margin-top:2px}
.ta-v2 .ta-practice-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}
.ta-v2 .ta-practice{height:100%;min-height:119px}
.ta-v2 .ta-practice:first-child{background:white;border-color:var(--line);color:inherit}
.ta-v2 .ta-practice:first-child .ta-practice-icon{background:#f4f5ee;color:#93804b}
.ta-v2 .ta-practice:first-child:nth-child(2n) .ta-practice-icon{background:#edf3f0;color:#6b8d79}
.ta-v2 .ta-practice:first-child p{color:#88909c}
.ta-v2 .ta-practice:first-child .ta-practice-arrow{color:#aeb6c0}
.ta-v2 .ta-practice h3{font-family:var(--sans);font-size:var(--t-sm);line-height:1.3}
.ta-v2 .ta-practice p{font-size:var(--t-xs);line-height:1.5}
.ta-v2 .ta-articles-grille{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}
.ta-v2 .ta-article{height:100%;transition:transform .2s,box-shadow .2s,border-color .2s}
.ta-v2 .ta-article:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cfd8d1}
.ta-v2 .ta-article .ta-eyebrow a:hover{color:var(--green-ink)}
.ta-v2 .ta-article h3{font-family:var(--sans);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ta-v2 .ta-article>p:not(.ta-eyebrow){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--t-sm);line-height:1.7;color:var(--muted)}
.ta-v2 .ta-article .ta-text-link{margin-top:auto}
.ta-v2 .ta-lawyer-card{display:flex;flex-direction:column;box-shadow:0 6px 20px #0f172a06}
.ta-v2 .ta-lawyer-content{display:flex;flex-direction:column;flex:1}
.ta-v2 .ta-lawyer-content h3{font-family:var(--serif);font-size:var(--t-h3);line-height:1.2;letter-spacing:-.02em}
.ta-v2 .ta-lawyer-photo img{object-fit:cover}
.ta-v2 .ta-profile-button{width:100%;margin-top:auto;background:var(--ink);border-color:var(--ink);color:white}
.ta-v2 .ta-profile-button:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
@media(max-width:1100px){
	.ta-v2 .ta-practice-grid{grid-template-columns:repeat(2,1fr)}
	.ta-v2 .ta-articles-grille{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
	.ta-v2 .ta-articles-grille{grid-template-columns:1fr;grid-auto-rows:auto}
}
@media(max-width:480px){
	.ta-v2 .ta-practice-grid{grid-template-columns:1fr;grid-auto-rows:auto}
}
.ta-v2 .ta-carte-lien{color:inherit;text-decoration:none}
.ta-v2 .ta-carte-lien::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit}
.ta-v2 .ta-carte-lien:focus-visible{outline:none}
.ta-v2 .ta-lawyer-card:focus-within,.ta-v2 .ta-article:focus-within{outline:3px solid #288b68;outline-offset:3px}
.ta-v2 .ta-carte-dessus{position:relative;z-index:2}
.ta-v2 .ta-lawyer-track{align-items:stretch;padding:var(--e-1) 4px var(--e-3)}
.ta-v2 .ta-lawyer-card{position:relative;flex:0 0 calc((100% - 66px)/4);display:flex;flex-direction:column;background:white;border:1px solid #e6e9ee;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 2px 6px #0f172a08;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ta-v2 .ta-lawyer-card:hover{transform:translateY(-6px);border-color:#d8e2da;box-shadow:0 22px 44px -18px #0f172a33}
.ta-v2 .ta-lawyer-photo{height:auto;aspect-ratio:4/5;position:relative;overflow:hidden;background:linear-gradient(135deg,#dfe5e0,#c9d2d6)}
.ta-v2 .ta-lawyer-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:none;transition:transform .5s ease}
.ta-v2 .ta-lawyer-card:hover .ta-lawyer-photo img{transform:scale(1.045);filter:none}
.ta-v2 .ta-lawyer-photo::after{content:'';position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,#0f172a59,#0f172a00);pointer-events:none}
.ta-v2 .ta-photo-pill{position:absolute;z-index:1;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:var(--e-1);padding:5px var(--e-1);font-size:var(--t-xs);font-weight:650;letter-spacing:0;background:#fffffff2;color:#1f3a2d;border:0;border-radius:999px;box-shadow:0 2px 8px #0f172a1f;backdrop-filter:blur(6px)}
.ta-v2 .ta-lawyer-content{display:flex;flex-direction:column;flex:1;gap:var(--e-1);padding:var(--e-3) var(--e-3) var(--e-3)}
.ta-v2 .ta-lawyer-content h3{font-family:var(--serif);font-size:var(--t-h3);font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:0;color:var(--ink)}
.ta-v2 .ta-lawyer-location{display:flex;align-items:center;gap:var(--e-1);margin:0;font-size:var(--t-xs);color:var(--muted)}
.ta-v2 .ta-lawyer-location .ta-icon{width:15px;height:15px;color:#9aa4b2}
.ta-v2 .ta-lawyer-content .ta-tags{display:flex;flex-wrap:wrap;gap:var(--e-1);margin:2px 0 var(--e-1)}
.ta-v2 .ta-lawyer-content .ta-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px var(--e-1);border-radius:999px;font-size:var(--t-xs);font-weight:600;background:#edf6f1;color:#2f6b50}
.ta-v2 .ta-lawyer-content .ta-tag:nth-child(2){background:#f6f2e6;color:#86703a}
.ta-v2 .ta-lawyer-content .ta-tag:nth-child(3){background:#eef1f7;color:#46546d}
.ta-v2 .ta-profile-button{width:100%;margin-top:auto;min-height:46px;justify-content:space-between;background:var(--ink);border:1px solid var(--ink);color:white;border-radius:10px;transition:background .25s,border-color .25s,color .25s}
.ta-v2 .ta-lawyer-card:hover .ta-profile-button{background:var(--green);border-color:var(--green);color:var(--ink);transform:none;box-shadow:none}
.ta-v2 .ta-article{position:relative;cursor:pointer;padding:var(--e-3) var(--e-3) var(--e-3);border-radius:16px;gap:var(--e-1)}
.ta-v2 .ta-article:hover{transform:translateY(-6px);border-color:#d8e2da;box-shadow:0 22px 44px -18px #0f172a2e}
.ta-v2 .ta-article .ta-eyebrow a{color:inherit}
.ta-v2 .ta-article h3{font-size:var(--t-lg);font-weight:600;line-height:1.35;color:var(--ink)}
.ta-v2 .ta-article:hover h3{color:var(--green-ink)}
.ta-v2 .ta-article .ta-text-link{color:var(--ink)}
.ta-v2 .ta-article:hover .ta-text-link .ta-icon{transform:translateX(4px)}
.ta-v2 .ta-practice{border-radius:16px;padding:var(--e-3) var(--e-3);box-shadow:0 2px 6px #0f172a06;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ta-v2 .ta-practice:hover{transform:translateY(-6px);border-color:#d8e2da;box-shadow:0 22px 44px -18px #0f172a2e}
.ta-v2 a.ta-outil{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ta-v2 a.ta-outil:hover{transform:translateY(-4px);border-color:#d8e2da;box-shadow:0 18px 36px -18px #0f172a2e}
.ta-v2 .ta-outil{padding:var(--e-2) var(--e-2);border-radius:14px}
.ta-v2 .ta-parcours-carte{border-radius:16px;transition:transform .25s ease,box-shadow .25s ease}
@media(prefers-reduced-motion:reduce){
	.ta-v2 .ta-lawyer-card,.ta-v2 .ta-lawyer-photo img,.ta-v2 .ta-article,.ta-v2 .ta-practice,.ta-v2 a.ta-outil{transition:none}
	.ta-v2 .ta-lawyer-card:hover,.ta-v2 .ta-article:hover,.ta-v2 .ta-practice:hover,.ta-v2 a.ta-outil:hover{transform:none}
}
@media(max-width:1100px){
	.ta-v2 .ta-lawyer-card{flex-basis:calc((100% - 44px)/3)}
}
@media(max-width:760px){
	.ta-v2 .ta-lawyer-card{flex-basis:78%;max-width:320px}
	.ta-v2 .ta-lawyer-content{padding:var(--e-2) var(--e-2) var(--e-2)}
}
.ta-v2 .ta-lawyer-card .ta-lawyer-content{display:flex;flex-direction:column;flex:1 1 auto}
.ta-v2 .ta-lawyer-card .ta-profile-button{margin-top:auto;justify-content:space-between;padding-inline:var(--e-2)}
.ta-v2 .ta-practice h3,.ta-v2 .ta-outil-texte strong,.ta-v2 .ta-faq-list summary{font-size:var(--t-base)}
.ta-v2 .ta-faq-list details>div,.ta-v2 .ta-faq-list details p{font-size:var(--t-base);line-height:var(--lh-lecture);max-width:62ch}

/* ═══════════════ CTA : UNE règle pour tout le site (revue du 29/10) ═══════════════ */
.ta-v2 .ta-btn{font-size:var(--t-sm)!important;font-weight:650!important;letter-spacing:-.01em}
.ta-v2 .ta-text-link{font-size:var(--t-sm)!important;font-weight:650!important}
.ta-v2 .ta-text-link .ta-icon{transition:transform .2s}

/* ═══════════════ Cartes de parcours (Cherchez / Déposez / Vous êtes avocat) ═══════════════ */
.ta-v2 .ta-parcours-carte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--e-2);padding:var(--e-4) var(--e-3) var(--e-3);background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 6px #0f172a06;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ta-v2 .ta-parcours-carte:hover{transform:translateY(-6px);border-color:#d8e2da;box-shadow:0 22px 44px -18px #0f172a33}
.ta-v2 .ta-parcours-carte:focus-within{outline:3px solid #288b68;outline-offset:3px}
.ta-v2 .ta-parcours-icone{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f4f5ee;color:#93804b}
.ta-v2 .ta-parcours-carte:nth-child(2) .ta-parcours-icone{background:#edf3f0;color:#2f6b50}
.ta-v2 .ta-parcours-icone .ta-icon{width:26px;height:26px;stroke-width:1.4}
.ta-v2 .ta-parcours-carte .ta-eyebrow{margin:0}
.ta-v2 .ta-parcours-titre{font-family:var(--serif)!important;font-size:var(--t-h3)!important;font-weight:500;line-height:1.25;letter-spacing:-.015em;margin:0!important;color:var(--ink)}
.ta-v2 .ta-parcours-carte>p{flex:1;margin:0;font-size:var(--t-base);line-height:var(--lh-lecture);color:var(--muted)}
.ta-v2 .ta-parcours-carte>.ta-text-link{margin-top:auto;padding:0;color:var(--green-ink)}
.ta-v2 .ta-parcours-carte:hover>.ta-text-link .ta-icon{transform:translateX(5px)}
.ta-v2 .ta-parcours-badge{position:absolute;top:var(--e-3);right:var(--e-3);background:#eef7f2;color:var(--green-ink)}
/* Variante encre et or : la carte avocats se distingue des deux cartes justiciable. */
.ta-v2 .ta-parcours-carte--encre{background:linear-gradient(150deg,var(--navy),var(--ink));border-color:var(--ink)}
.ta-v2 .ta-parcours-carte--encre:hover{border-color:#c2a24b66;box-shadow:0 24px 48px -18px #0f172a66}
.ta-v2 .ta-parcours-carte--encre .ta-parcours-icone{background:#ffffff12;color:var(--gold)}
.ta-v2 .ta-parcours-carte--encre .ta-eyebrow{color:#e4d5a2}
.ta-v2 .ta-parcours-carte--encre .ta-parcours-titre{color:white}
.ta-v2 .ta-parcours-carte--encre>p{color:#c3cbd8}
.ta-v2 .ta-parcours-carte--encre>.ta-text-link{color:#e4d5a2}
.ta-v2 .ta-parcours-carte--encre .ta-parcours-badge{background:#c2a24b26;color:#f0e2b6}

/* Cartes posées sur fond papier : ombre un peu plus présente ; sur blanc, la bordure suffit. */
.ta-v2 .ta-fond--papier .ta-lawyer-card,.ta-v2 .ta-fond--papier .ta-practice,.ta-v2 .ta-fond--papier .ta-article,.ta-v2 .ta-fond--papier .ta-outil,.ta-v2 .ta-fond--papier .ta-parcours-carte:not(.ta-parcours-carte--encre),.ta-v2 .ta-fond--papier .ta-step-art{box-shadow:0 10px 28px -14px #0f172a29;border-color:#e3e7ee}

/* ═══════════════ Bande « Vous êtes avocat ? » (composant réutilisable) ═══════════════ */
.ta-v2 .ta-btn-or{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.ta-v2 .ta-btn-or:hover{background:#d4b65f;border-color:#d4b65f;box-shadow:0 10px 24px -8px #c2a24b80}
.ta-v2 .ta-for-lawyers{padding-block:var(--e-6)}
.ta-v2 .ta-bandeau-pro{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:center;gap:var(--e-5);padding:var(--e-5);border-radius:var(--radius);background:linear-gradient(135deg,var(--ink) 0%,var(--navy) 100%);color:#c3cbd8;box-shadow:0 30px 60px -30px #0f172a73}
/* Motif discret : halo or en haut à droite et trame fine à 4 %. */
.ta-v2 .ta-bandeau-pro::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 88% 0%,#c2a24b2e 0%,#c2a24b00 45%),repeating-linear-gradient(135deg,#ffffff0a 0 1px,transparent 1px 14px);pointer-events:none}
.ta-v2 .ta-bandeau-pro .ta-eyebrow{color:#e4d5a2}
.ta-v2 .ta-bandeau-pro .ta-eyebrow::before{background:var(--gold)}
.ta-v2 .ta-bandeau-pro h2{color:white;font-size:var(--t-h2);margin:0 0 var(--e-2)}
.ta-v2 .ta-bandeau-pro h2 em{font-style:italic;color:var(--gold)}
.ta-v2 .ta-bandeau-pro-texte>p{max-width:56ch;margin:0;font-size:var(--t-base);line-height:var(--lh-lecture);color:#c3cbd8}
.ta-v2 .ta-bandeau-pro-arguments{list-style:none;margin:var(--e-4) 0 0;padding:var(--e-3) 0 0;border-top:1px solid #ffffff1a;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-2)}
.ta-v2 .ta-bandeau-pro-arguments li{display:flex;align-items:center;gap:var(--e-1);font-size:var(--t-sm);font-weight:600;color:white}
.ta-v2 .ta-bandeau-pro-icone{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff10;border:1px solid #c2a24b40;color:var(--gold)}
.ta-v2 .ta-bandeau-pro-icone .ta-icon{width:20px;height:20px}
.ta-v2 .ta-bandeau-pro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--e-2);padding:var(--e-4);border-radius:14px;background:#ffffff08;border:1px solid #ffffff14}
.ta-v2 .ta-bandeau-pro-actions .ta-btn{width:100%;justify-content:space-between}
.ta-v2 .ta-bandeau-pro-actions .ta-text-link{color:#e4d5a2}
.ta-v2 .ta-bandeau-pro-actions .ta-text-link:hover .ta-icon{transform:translateX(4px)}
.ta-v2 .ta-bandeau-pro-actions small{font-size:var(--t-xs);color:#9aa6b8}
@media(max-width:950px){
	.ta-v2 .ta-bandeau-pro{grid-template-columns:1fr;gap:var(--e-4);padding:var(--e-4) var(--e-3)}
	.ta-v2 .ta-bandeau-pro-arguments{grid-template-columns:1fr}
	.ta-v2 .ta-for-lawyers{padding-block:var(--e-5)}
}

/* ═══════════════ Carte avocat : éléments complémentaires (v1.1) ═══════════════ */
.ta-v2 .ta-lawyer-initiales{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:var(--t-h2);color:#ffffffd9;background:linear-gradient(150deg,var(--navy),var(--ink));letter-spacing:.02em}
.ta-v2 .ta-lawyer-infos{margin:0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-lawyer-reponse{display:flex;align-items:center;gap:var(--e-1);margin:0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-lawyer-reponse-point{flex:none;width:8px;height:8px;border-radius:50%;background:#c3cad4}
.ta-v2 .ta-lawyer-reponse.est-rapide{color:var(--green-ink);font-weight:600}
.ta-v2 .ta-lawyer-reponse.est-rapide .ta-lawyer-reponse-point{background:var(--green);box-shadow:0 0 0 3px #53c59829}
.ta-v2 .ta-lawyer-card .ta-tags .ta-tag--reste{background:var(--bg);color:#46546d}
.ta-v2 .ta-lawyer-actions{display:grid;gap:var(--e-1);margin-top:auto;padding-top:var(--e-1)}
.ta-v2 .ta-lawyer-actions .ta-profile-button{margin-top:0}
.ta-v2 .ta-lawyer-action{min-height:46px;justify-content:space-between;padding-inline:var(--e-2);border-radius:10px}
/* Deux actions : « Contacter » (vert, lien réel) porte l'appel ; « Voir la fiche » passe en secondaire. */
.ta-v2 .ta-lawyer-actions:has(.ta-lawyer-action){grid-template-columns:1fr 1fr}
.ta-v2 .ta-lawyer-actions:has(.ta-lawyer-action) .ta-profile-button,.ta-v2 .ta-lawyer-card:hover .ta-lawyer-actions:has(.ta-lawyer-action) .ta-profile-button{background:white;border-color:var(--line);color:var(--ink)}
.ta-v2 .ta-lawyer-card:hover .ta-lawyer-actions:has(.ta-lawyer-action) .ta-profile-button{border-color:var(--ink)}
.ta-v2 .ta-lawyer-action:hover{background:#6bd1aa}

/* Grille des cartes « liste » (annuaire, pages spécialité / ville, profils similaires d'une fiche). */
.ta-v2 .ta-r-grille{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-3);transition:opacity .25s}
@media(max-width:1100px){ .ta-v2 .ta-r-grille{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:600px){ .ta-v2 .ta-r-grille{grid-template-columns:1fr;gap:var(--e-2)} }
/* Variante « liste » (annuaire) : cartes en grille, jamais en piste de défilement. */
.ta-v2 .ta-lawyer-card--liste{max-width:none;min-width:0}
.ta-v2 .ta-lawyer-card--liste .ta-lawyer-photo{aspect-ratio:5/4}
.ta-v2 .ta-lawyer-card--liste .ta-lawyer-photo img{object-position:center 22%}
.ta-v2 .ta-lawyer-card--liste .ta-lawyer-content{gap:var(--e-1)}
.ta-v2 .ta-lawyer-card--liste .ta-tags{margin:var(--e-1) 0 0}
@media(max-width:600px){
	/* Mobile : carte horizontale (photo à gauche), pour ne pas aligner 12 portraits pleine hauteur. */
	.ta-v2 .ta-lawyer-card--liste{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:var(--e-2);row-gap:4px;align-content:start;padding:var(--e-2)}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-photo{grid-row:1 / span 4;align-self:start;width:96px;aspect-ratio:4/5;border-radius:12px}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-photo::after,.ta-v2 .ta-lawyer-card--liste .ta-photo-pill{display:none}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-initiales{font-size:var(--t-h3)}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-content h3{font-size:var(--t-lg)!important}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-content{display:contents}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-content>*{grid-column:2;min-width:0}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-content>.ta-tags{grid-column:1 / -1;margin-top:var(--e-2)}
	.ta-v2 .ta-lawyer-card--liste .ta-lawyer-actions{grid-column:1 / -1;margin-top:var(--e-2);padding-top:0}
}

/* ═══════════════ Pagination ═══════════════ */
.ta-v2 .ta-pagination{margin-top:var(--e-5)}
.ta-v2 .ta-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--e-1);margin:0;padding:0;list-style:none}
.ta-v2 .ta-pagination-num,.ta-v2 .ta-pagination-nav{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-1);min-width:44px;min-height:44px;padding:0 var(--e-2);border:1px solid var(--line);border-radius:10px;background:white;font-size:var(--t-sm);font-weight:650;color:var(--ink);transition:border-color .2s,background .2s,color .2s}
.ta-v2 .ta-pagination-num{padding:0}
.ta-v2 a.ta-pagination-num:hover,.ta-v2 .ta-pagination-nav:hover{border-color:var(--ink)}
.ta-v2 .ta-pagination-num.est-courante{background:var(--ink);border-color:var(--ink);color:white}
.ta-v2 .ta-pagination-nav .ta-icon{width:16px;height:16px}
.ta-v2 .ta-pagination-trou{min-width:24px;text-align:center;color:var(--muted);font-size:var(--t-sm)}
@media(max-width:600px){
	.ta-v2 .ta-pagination-nav span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.ta-v2 .ta-pagination-nav{padding:0}
}

/* ═══════════════ Bande de dépôt (justiciable) ═══════════════ */
.ta-v2 .ta-depot{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--e-5);align-items:center;padding:var(--e-5);background:white;border:1px solid #e3e7ee;border-radius:20px;box-shadow:0 24px 60px -36px #0f172a40}
.ta-v2 .ta-depot .ta-titre-section{margin-bottom:var(--e-2)}
.ta-v2 .ta-depot-intro{max-width:52ch;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-4)}
.ta-v2 .ta-depot-note{font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-depot-etapes{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:none}
.ta-v2 .ta-depot-etapes li{display:flex;align-items:flex-start;gap:var(--e-2);padding:var(--e-3) 0;border-top:1px solid var(--line)}
.ta-v2 .ta-depot-etapes li:first-child{border-top:0;padding-top:0}
.ta-v2 .ta-depot-etapes li:last-child{padding-bottom:0}
.ta-v2 .ta-depot-num{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #c2a24b66;background:#fbf8ee;font-family:var(--serif);font-size:var(--t-lg);color:#8b6d22}
.ta-v2 .ta-depot-etapes p{display:flex;flex-direction:column;gap:2px;margin:0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-depot-etapes strong{font-size:var(--t-base);font-weight:650;color:var(--ink)}
@media(max-width:950px){
	.ta-v2 .ta-depot{grid-template-columns:1fr;gap:var(--e-4);padding:var(--e-4)}
}
@media(max-width:600px){
	.ta-v2 .ta-depot{padding:var(--e-3) var(--e-2);border-radius:16px}
	.ta-v2 .ta-depot-actions .ta-btn{width:100%;justify-content:space-between}
}

/* ═══════════════ Barre collante de dépôt ═══════════════
   Mobile : barre pleine largeur. Bureau : bouton flottant en bas à droite. Elle n'apparaît
   qu'au défilement et s'efface quand un autre bouton de dépôt est visible (ta-layout.js). */
.ta-v2 .ta-barre-depot{position:fixed;z-index:90;left:0;right:0;bottom:0;padding:var(--e-1) var(--e-2) calc(var(--e-1) + env(safe-area-inset-bottom));background:#0f172af2;backdrop-filter:blur(8px);box-shadow:0 -10px 30px -12px #0f172a59;transform:translateY(110%);transition:transform .3s ease}
.ta-v2 .ta-barre-depot.est-visible{transform:none}
.ta-v2 .ta-barre-depot .ta-btn{width:100%;justify-content:space-between;min-height:48px}
@media(min-width:1025px){
	.ta-v2 .ta-barre-depot{left:auto;right:var(--e-3);bottom:var(--e-3);padding:0;background:none;backdrop-filter:none;box-shadow:none;transform:translateY(16px);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}
	.ta-v2 .ta-barre-depot.est-visible{transform:none;opacity:1;pointer-events:auto}
	.ta-v2 .ta-barre-depot .ta-btn{width:auto;gap:var(--e-2);border-radius:999px;padding-inline:var(--e-3);box-shadow:0 18px 40px -14px #0f172a66}
}
@media(max-width:1024px){
	/* La barre ne doit jamais couvrir la fin du pied de page. */
	.ta-v2:has(.ta-barre-depot) .ta-footer{padding-bottom:var(--e-6)}
}

/* Actions de carte : sélecteurs renforcés, car les strates plus haut (portage de la maquette)
   stylent tous les .ta-btn d'une carte en bouton encre ou en lien filet. */
.ta-v2 .ta-lawyer-card .ta-lawyer-actions .ta-btn{width:100%;min-height:46px;margin:0;padding:0 var(--e-2);justify-content:space-between;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:white;box-shadow:none;transform:none}
.ta-v2 .ta-lawyer-card:hover .ta-lawyer-actions .ta-profile-button{background:var(--green);border-color:var(--green);color:var(--ink)}
.ta-v2 .ta-lawyer-card .ta-lawyer-actions .ta-lawyer-action{background:var(--green);border-color:var(--green);color:var(--ink)}
.ta-v2 .ta-lawyer-card .ta-lawyer-actions .ta-lawyer-action:hover{background:#6bd1aa;border-color:#6bd1aa}
.ta-v2 .ta-lawyer-card .ta-lawyer-actions:has(.ta-lawyer-action) .ta-profile-button{background:white;border-color:var(--line);color:var(--ink)}
.ta-v2 .ta-lawyer-card:hover .ta-lawyer-actions:has(.ta-lawyer-action) .ta-profile-button{background:white;border-color:var(--ink);color:var(--ink)}

/* La barre de dépôt remplace les autres appels flottants de ces pages, comme le faisait la
   dockbar d'origine (pilule de dépôt et bouton de recherche assistée). */
body.ta-v2-page:has([data-ta-barre-depot]) #ta-stickybar,
body.ta-v2-page:has([data-ta-barre-depot]) .sticky-bar-cta,
body.ta-v2-page:has([data-ta-barre-depot]) .ta-float-btn,
body.ta-v2-page:has([data-ta-barre-depot]) #ta-float-btn,
body.ta-v2-page:has([data-ta-barre-depot]) .ta-float-tooltip,
body.ta-v2-page:has([data-ta-fiche-dock]) .ta-float-btn,
body.ta-v2-page:has([data-ta-fiche-dock]) #ta-float-btn,
body.ta-v2-page:has([data-ta-fiche-dock]) .ta-float-tooltip{display:none!important}

/* ═══════════════ Hero de résultats (standard des pages de résultats) ═══════════════
   Annuaire, pages spécialité / ville, et toute page dont le contenu est une liste de résultats.
   Bureau : 2 colonnes, titre (H1 à la taille --t-h2) + sous-titre à gauche, outil de recherche à
   droite, centrés verticalement. Règle (charte §3) : les premiers résultats sont entamés sans
   défilement à 1440 × 900. Mobile : 1 colonne, titre puis outil. */
.ta-v2 .ta-hero-resultats-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:var(--e-5);align-items:center}
.ta-v2 .ta-hero-resultats-texte{display:flex;flex-direction:column;align-items:flex-start;gap:var(--e-2)}
.ta-v2 .ta-hero-resultats h1{font-size:var(--t-h2);line-height:1.08;letter-spacing:-.02em;color:var(--ink)}
.ta-v2 .ta-hero-resultats-texte>p:not(.ta-pill){max-width:44ch;font-size:var(--t-base);line-height:var(--lh-lecture);color:var(--muted)}
.ta-v2 .ta-hero-resultats-outil{width:100%;min-width:0}
@media(max-width:1024px){
	.ta-v2 .ta-hero-resultats-grille{grid-template-columns:1fr;gap:var(--e-3)}
	.ta-v2 .ta-hero-resultats-texte{align-items:center;text-align:center}
	.ta-v2 .ta-hero-resultats h1{font-size:var(--t-h1)}
	.ta-v2 .ta-hero-resultats-texte>p:not(.ta-pill){max-width:58ch}
}

/* ═══════════════ Étapes numérotées (home « Comment ça marche », landing avocats…) ═══════════════
   Valeurs effectives de la home, regroupées ici en une seule définition (extraites de home.css le
   29/10). Balisage : ol/div.ta-steps > .ta-step > .ta-step-art (icône + .ta-step-num), h3, p. */
.ta-v2 .ta-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-5);margin:0;padding:0;list-style:none}
.ta-v2 .ta-step{position:relative;min-width:0;padding:0 var(--e-1) 0 0}
.ta-v2 .ta-step:not(:last-child)::after{content:'';position:absolute;height:1px;top:30px;left:126px;right:-20px;background:linear-gradient(90deg,#d1d8cc 55%,transparent 55%);background-size:8px 1px}
.ta-v2 .ta-step-art{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;margin-bottom:var(--e-3);border-radius:11px;background:#f3f5ef;color:#8d8054}
.ta-v2 .ta-step-art .ta-icon{width:28px;height:28px;stroke-width:1.2}
.ta-v2 .ta-step-num{position:absolute;left:76px;top:10px;font-family:var(--serif);font-size:var(--t-xs);line-height:1;color:#c2c9bb}
.ta-v2 .ta-step h3{margin-bottom:var(--e-1);font-size:var(--t-lg);font-weight:650;letter-spacing:-.03em}
.ta-v2 .ta-step p{max-width:320px;font-size:var(--t-base);line-height:var(--lh-lecture);color:var(--muted)}
.ta-v2 .ta-step small{display:inline-flex;align-items:center;gap:var(--e-1);margin-top:var(--e-2);font-size:var(--t-sm);color:#739276}
.ta-v2 .ta-step small .ta-icon{width:12px;height:12px}
.ta-v2 .ta-fond--papier .ta-step-art{background:white}
@media(max-width:950px){ .ta-v2 .ta-steps{gap:var(--e-3)} }
@media(max-width:760px){
	.ta-v2 .ta-steps{grid-template-columns:1fr;gap:var(--e-3)}
	.ta-v2 .ta-step{display:grid;grid-template-columns:50px 1fr;gap:0 var(--e-2);padding:0}
	.ta-v2 .ta-step-art{grid-row:1 / 4;width:50px;height:50px;margin:0;border-radius:10px}
	.ta-v2 .ta-step-art .ta-icon{width:24px;height:24px}
	.ta-v2 .ta-step-num{left:auto;right:-7px;top:-9px;display:grid;place-items:center;width:19px;height:19px;border:3px solid white;border-radius:50%;background:var(--navy);color:#e7d49e;font-family:var(--sans)}
	.ta-v2 .ta-step h3{line-height:1.5}
	.ta-v2 .ta-step p{max-width:470px}
	.ta-v2 .ta-step:not(:last-child)::after{top:60px;bottom:-17px;left:24px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,#d1d8cc 55%,transparent 55%);background-size:1px 7px}
}

/* FAQ : le surtitre est aussi un <p> de .ta-faq-intro ; il ne prend pas la largeur ni la taille
   du paragraphe d'introduction (il passait sur deux lignes). */
.ta-v2 .ta-faq-intro>p.ta-eyebrow{max-width:none;margin-top:0;font-size:var(--t-xs);line-height:1.6}

/* Liens texte : cible tactile de 44 px (charte §6), sur toutes les pages refaites. */
.ta-v2 .ta-text-link{min-height:44px}
/* Petites pastilles et liens de catégorie : zone de clic portée à 44 px par un pseudo-élément
   invisible, sans changer leur dessin. */
.ta-v2 .ta-popular-searches a,.ta-v2 .ta-popular-searches button,.ta-v2 .ta-article .ta-eyebrow a{position:relative}
.ta-v2 .ta-popular-searches a::after,.ta-v2 .ta-popular-searches button::after,.ta-v2 .ta-article .ta-eyebrow a::after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.ta-v2 .ta-round-button{width:44px;height:44px;min-width:44px}

/* ═══════════════ Formulaires Gravity Forms dans les cartes (contact de fiche, de dossier…) ═══════════════ */
.ta-v2 .ta-gf .gform_wrapper{margin:0}
.ta-v2 .ta-gf .gform_fields{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:var(--e-2)!important}
.ta-v2 .ta-gf .gfield{min-width:0} /* un champ ne déborde jamais de sa colonne (largeur intrinsèque des input) */
.ta-v2 .ta-gf .gfield_label,.ta-v2 .ta-gf .gform-field-label{font-size:var(--t-sm)!important;font-weight:650!important;color:var(--ink)!important;margin-bottom:6px!important}
.ta-v2 .ta-gf .gfield_required{color:var(--muted)!important;font-size:var(--t-xs)!important}
.ta-v2 .ta-gf input[type=text],.ta-v2 .ta-gf input[type=email],.ta-v2 .ta-gf input[type=tel],.ta-v2 .ta-gf textarea{width:100%;min-height:48px;padding:var(--e-1) var(--e-2)!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--paper)!important;font-size:var(--t-base)!important;color:var(--ink);box-shadow:none!important}
.ta-v2 .ta-gf textarea{height:160px!important;min-height:120px;line-height:1.6;resize:vertical}
.ta-v2 .ta-gf .ginput_counter{display:none!important} /* compteur de caractères en anglais, inutile ici */
.ta-v2 .ta-gf input:focus,.ta-v2 .ta-gf textarea:focus{outline:none;border-color:var(--green)!important;background:white!important;box-shadow:0 0 0 4px #53c59826!important}
.ta-v2 .ta-gf .gform_footer{margin:var(--e-2) 0 0!important;padding:0!important}
.ta-v2 .ta-gf .gform_button,.ta-v2 .ta-gf .gform_footer input[type=submit]{width:100%!important;min-height:52px!important;border:0;border-radius:10px;background:var(--green)!important;color:var(--ink)!important;font-size:var(--t-sm)!important;font-weight:700!important;cursor:pointer;transition:background .2s}
.ta-v2 .ta-gf .gform_button:hover{background:#6bd1aa!important}
.ta-v2 .ta-gf .gfield_description,.ta-v2 .ta-gf .validation_message{font-size:var(--t-sm)!important}
.ta-v2 .ta-gf .gform_validation_errors{border-radius:12px!important;font-size:var(--t-sm)!important}
.ta-v2 .ta-contact-ok{padding:var(--e-3);border-radius:14px;background:#edf6f1;color:var(--green-ink);font-size:var(--t-base);line-height:var(--lh-lecture)}

/* Gravity Forms impose 288 px aux zones « large » : on reprend la main avec plus de spécificité. */
.ta-v2 .ta-gf .gform_wrapper textarea.large,.ta-v2 .ta-gf .gform_wrapper textarea{height:160px!important}
/* reCAPTCHA : largeur fixe de 304 px ; on le réduit sur les petits écrans pour qu'il tienne dans la carte. */
@media(max-width:400px){ .ta-v2 .ta-gf .ginput_recaptcha{transform:scale(.88);transform-origin:0 0;height:68px} }

/* Encart « réservé aux abonnés » de ta-freemium (pied de page, écrit pour l'ancien gabarit MyListing) :
   faute de cible, il se loge dans le premier <aside> ou en tête de <body>. Les pages refaites rendent leur propre carte côté
   serveur ; l'encart orphelin est masqué (l'ancien gabarit dossier le supprimait en JavaScript). */
body.ta-v2-page .ta-carte-gratuit,body.ta-v2-page #ta-dossier-gate-src,body.ta-v2-page #ta-bandeau-src{display:none!important}

/* ═══════════════ Carte de dossier ═══════════════ */
.ta-v2 .ta-dossier-card{position:relative;display:flex;flex-direction:column;gap:var(--e-1);padding:var(--e-3);background:white;border:1px solid var(--line);border-radius:16px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ta-v2 .ta-dossier-card:hover{transform:translateY(-4px);border-color:#d8e2da;box-shadow:0 22px 44px -18px #0f172a2e}
.ta-v2 .ta-dossier-card:focus-within{outline:3px solid #288b68;outline-offset:3px}
.ta-v2 .ta-fond--papier .ta-dossier-card{border-color:#e3e7ee;box-shadow:0 10px 28px -14px #0f172a29}
.ta-v2 .ta-dossier-card-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-1)}
.ta-v2 .ta-dossier-card-tete .ta-tag{padding:5px var(--e-1);border-radius:999px;background:#fbf8ee;color:#6f5717;font-size:var(--t-xs);font-weight:700}
.ta-v2 .ta-dossier-card-nouveau{background:#edf6f1;color:var(--green-ink);padding:4px var(--e-1)}
.ta-v2 .ta-dossier-card-ref{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;color:#7b8594}
.ta-v2 .ta-dossier-card h3{font-family:var(--serif);font-size:var(--t-h3);font-weight:500;line-height:1.25;color:var(--ink)}
.ta-v2 .ta-dossier-card:hover h3{color:var(--green-ink)}
.ta-v2 .ta-dossier-card-autres{display:flex;flex-wrap:wrap;gap:var(--e-1)}
.ta-v2 .ta-dossier-card-autres span{padding:4px var(--e-1);border-radius:999px;background:var(--bg);font-size:var(--t-xs);font-weight:600;color:#46546d}
.ta-v2 .ta-dossier-card-meta{display:flex;flex-wrap:wrap;gap:var(--e-1) var(--e-2);margin-top:auto;padding-top:var(--e-1);font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-dossier-card-meta span{display:inline-flex;align-items:center;gap:6px}
.ta-v2 .ta-dossier-card-meta .ta-icon{width:15px;height:15px;color:#9aa4b2}
.ta-v2 .ta-dossier-card-voir{padding:0;color:var(--ink)}
.ta-v2 .ta-dossier-card:hover .ta-dossier-card-voir .ta-icon{transform:translateX(4px)}

/* Pastille d'en-tête (hero des pages de résultats, page de dépôt…). */
.ta-v2 .ta-r-badge{background:white;border:1px solid #e3e7ee;color:var(--green-ink);padding:var(--e-1) var(--e-2);box-shadow:0 4px 14px -8px #0f172a26}
/* Titres de section des formulaires multi-pages Gravity Forms (« Étape 1 : … »). */
.ta-v2 .ta-gf .gsection_title{font-family:var(--serif);font-size:var(--t-h3)!important;font-weight:500;color:var(--ink)}
/* Gravity Forms multi-pages (dépôt, contact de fiche) : progression, étapes, choix, navigation. */
.ta-v2 .ta-gf .gf_progressbar_wrapper{margin-bottom:var(--e-3)!important}
.ta-v2 .ta-gf .gf_progressbar_title{font-size:var(--t-sm)!important;color:var(--muted)!important}
.ta-v2 .ta-gf .gf_progressbar{background:var(--bg)!important;border-radius:999px!important}
.ta-v2 .ta-gf .gf_progressbar_percentage{background:var(--green)!important;border-radius:999px!important;color:var(--ink)!important;font-size:var(--t-xs)!important}
.ta-v2 .ta-gf select{width:100%;min-height:48px;padding:0 var(--e-5) 0 var(--e-2)!important;border:1px solid var(--line)!important;border-radius:12px!important;background-color:var(--paper)!important;font-size:var(--t-base)!important}
.ta-v2 .ta-gf .gchoice{display:flex;align-items:center;gap:var(--e-1);min-height:44px}
.ta-v2 .ta-gf .gchoice label{font-size:var(--t-base)!important;color:var(--ink)}
.ta-v2 .ta-gf input[type=radio],.ta-v2 .ta-gf input[type=checkbox]{width:20px;height:20px;accent-color:var(--green-ink)}
.ta-v2 .ta-gf .gform_page_footer{display:flex;flex-wrap:wrap;gap:var(--e-1);margin-top:var(--e-3)!important;padding:0!important}
.ta-v2 .ta-gf .gform_next_button,.ta-v2 .ta-gf .gform_previous_button,.ta-v2 .ta-gf .gform_button{min-height:52px!important;padding:0 var(--e-3)!important;border-radius:10px!important;font-size:var(--t-sm)!important;font-weight:700!important;cursor:pointer}
.ta-v2 .ta-gf .gform_next_button,.ta-v2 .ta-gf .gform_button{flex:1;background:var(--green)!important;border:0!important;color:var(--ink)!important}
.ta-v2 .ta-gf .gform_previous_button{background:white!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.ta-v2 .ta-gf .gform_confirmation_message{padding:var(--e-3);border-radius:14px;background:#edf6f1;color:var(--green-ink);font-size:var(--t-base);line-height:var(--lh-lecture)}

/* Indicateur « étapes » (formulaire de contact d'une fiche) : pastilles numérotées sur une ligne. */
.ta-v2 .ta-gf .gf_page_steps{display:flex;gap:var(--e-1);margin:0 0 var(--e-3)!important;padding:0 0 var(--e-2)!important;border-bottom:1px solid var(--line)!important}
.ta-v2 .ta-gf .gf_step{display:flex!important;align-items:center;gap:var(--e-1);margin:0!important;flex:1;font-size:var(--t-sm)!important;font-weight:600;color:var(--muted);opacity:1!important}
.ta-v2 .ta-gf .gf_step_number{font-family:var(--sans)!important;display:grid!important;place-items:center;flex:none;width:28px!important;height:28px!important;border:1px solid var(--line)!important;border-radius:50%!important;background:white!important;font-size:var(--t-xs)!important;font-weight:700!important;color:var(--muted)!important}
.ta-v2 .ta-gf .gf_step_active{color:var(--ink)}
.ta-v2 .ta-gf .gf_step_active .gf_step_number{border-color:var(--ink)!important;background:var(--ink)!important;color:white!important}
.ta-v2 .ta-gf .gf_step_completed .gf_step_number{border-color:var(--green)!important;background:var(--green)!important;color:var(--ink)!important}
.ta-v2 .ta-gf .gf_step_completed .gf_step_number::before,.ta-v2 .ta-gf .gf_step_completed .gf_step_number::after{display:none!important}
.ta-v2 .ta-gf .gf_step_label{padding:0!important;font-size:var(--t-sm)!important;line-height:1.3}
.ta-v2 .ta-gf .gf_step_clear{display:none!important}

/* ═══ Carrousels : défilement 100 % natif au doigt (recette iPhone du 29/10, règle de charte) ═══
   Aucun script ne touche au geste : le navigateur gère l'inertie. Accroche souple (proximity : la
   piste ne « saute » jamais d'une carte à l'autre), pas de défilement animé en CSS, aucun effet de
   survol sur écran tactile (un toucher ne doit pas soulever la carte pendant le glissement).
   touch-action:manipulation laisse passer les gestes horizontaux, verticaux et en diagonale. */
.ta-v2 .ta-lawyer-track{scroll-snap-type:x proximity;scroll-behavior:auto;overscroll-behavior-x:contain;touch-action:manipulation;-webkit-overflow-scrolling:touch}
@media(hover:none){
	.ta-v2 .ta-lawyer-card,.ta-v2 .ta-lawyer-photo img{transition:none}
	.ta-v2 .ta-lawyer-card:hover,.ta-v2 .ta-lawyer-card:hover .ta-lawyer-photo img{transform:none}
}
/* Flèches : bureau à la souris uniquement. */
@media(max-width:1024px),(hover:none),(pointer:coarse){
	.ta-v2 div.ta-carousel-buttons{display:none} /* div : passe devant home.css, chargé après */
}
@media(max-width:760px){
	/* Une carte ≈ 78 % de l'écran (320 px au plus) : la suivante dépasse et invite à glisser. */
	.ta-v2 .ta-lawyer-track{gap:var(--e-2);scroll-padding-inline:var(--e-2)}
	.ta-v2 .ta-lawyer-track>.ta-lawyer-card{flex:0 0 min(78vw,320px);max-width:320px}
	/* Photo plus basse : la carte entière et son bouton tiennent dans l'écran. */
	.ta-v2 .ta-lawyer-track .ta-lawyer-photo{aspect-ratio:4/3}
}

/* ═══ Puces Gravity Forms : composant UNIQUE pour tous les formulaires (31/10) ═══
   Champ radio ou cases portant la classe ta-gf-chips (#14 contact de fiche, #15 dépôt, #16 réponse
   aux dossiers, et tout futur formulaire). Les quatre états sont définis ici et nulle part ailleurs :
   repos ; survol = bordure verte seulement (le texte ne change jamais de couleur) ; sélectionné = fond
   vert pâle, bordure verte, texte vert foncé, coche ; focus clavier = contour vert foncé.
   Spécificité renforcée et !important : les libellés GF reçoivent une couleur en !important plus haut. */
.ta-v2 .gform_wrapper .ta-gf-chips .gfield_radio,.ta-v2 .gform_wrapper .ta-gf-chips .gfield_checkbox{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice{position:relative;display:block!important;flex:0 0 auto!important;width:max-content!important;max-width:100%;min-height:0;margin:0!important}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice label{display:inline-flex!important;align-items:center;gap:6px;min-height:36px;max-width:100%;margin:0!important;padding:8px 14px!important;border:1px solid #dfe3ea;border-radius:999px;background:white!important;color:#253049!important;font-size:var(--t-sm)!important;font-weight:600!important;line-height:1.3!important;cursor:pointer;transition:border-color .15s}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice label::before,.ta-v2 .gform_wrapper .ta-gf-chips .gchoice label::after{content:none}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice input:hover+label,.ta-v2 .gform_wrapper .ta-gf-chips .gchoice label:hover{border-color:var(--green)}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice input:checked+label{border-color:var(--green);background:#e9f6f0!important;color:var(--green-ink)!important}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice input:checked+label::before{content:"✓";font-weight:800}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice input:focus-visible+label{outline:2px solid var(--green-ink);outline-offset:2px}
.ta-v2 .gform_wrapper .ta-gf-chips .gchoice[hidden]{display:none!important}

/* Visuellement caché (décision 176 du 02/11) : l'élément reste dans le DOM, lu par les lecteurs d'écran et les moteurs ;
   clip et non display:none (un display:none le retirerait de l'arbre d'accessibilité). Non scopé : sert aussi à la popup. */
.ta-visuellement-cache{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* Pastille « Urgent » des dossiers (module de la voie rapide, inc/ta-urgence.php). */
.ta-urg-pastille{display:inline-flex;align-items:center;margin-right:6px;padding:3px 10px;border-radius:999px;background:#fdeeec;color:#8a3a30;font-size:12px;font-weight:700;letter-spacing:.02em}

/* Voile commun des fenêtres (popup de dépôt, popup d'incitation, « Avant de partir », volets) : une seule classe. */
.ta-voile{position:fixed;inset:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ta-voile-entree .15s ease-out}
@keyframes ta-voile-entree{from{opacity:0}to{opacity:1}}
html.ta-voile-ouvert,html.ta-voile-ouvert body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.ta-voile{animation:none}}

/* ═══════════════ Réponse directe et faits clés (inc/ta-visibilite-ia.php) ═══════════════ */
.ta-v2 .ta-ia-reponse{padding:var(--e-3) 0}
.ta-v2 .ta-billet-entete .ta-ia-reponse{padding:var(--e-3) 0 0}
.ta-v2 .ta-billet-entete .ta-ia-reponse .ta-container{padding:0}
.ta-v2 .ta-ia-reponse-carte{max-width:860px;padding:var(--e-3);background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px -18px #0f172a33}
.ta-v2 .ta-ia-reponse .ta-eyebrow{margin:0 0 var(--e-1)}
.ta-v2 .ta-ia-reponse-q{margin:0 0 var(--e-1);font-family:var(--serif);font-size:var(--t-h3);font-weight:500;line-height:1.25;color:var(--ink)}
.ta-v2 .ta-ia-reponse-r{margin:0;font-size:var(--t-base);line-height:var(--lh-lecture);color:#3d4757}
.ta-v2 .ta-ia-reponse-date{margin:var(--e-1) 0 0;font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-ia-faits{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--e-2);padding:0;list-style:none}
.ta-v2 .ta-ia-faits li{margin:0;padding:var(--e-3);background:white;border:1px solid var(--line);border-radius:14px}
.ta-v2 .ta-ia-fait-v{display:block;font-family:var(--serif);font-size:var(--t-h2);line-height:1.1;color:var(--ink)}
.ta-v2 .ta-ia-fait-l{font-size:var(--t-sm);color:var(--muted)}

/* ta-annuaire */
/**
 * Trouver-Avocats : page de recherche d'avocats (/rechercher/) au design ta-v2
 * ---------------------------------------------------------------------------
 * Version : 2.3 (02/11/2026) : pages de questions par matière ; 2.2 : liste des pages « dossiers sans réponse ».
 * Chargé par inc/ta-annuaire.php, après tokens.css, ta-layout.css et ta-composants.css.
 *
 * Ne contient que la mise en page propre à l'annuaire : les cartes avocat, la pagination et la
 * bande de dépôt sont des composants partagés (ta-composants.css), jamais redéfinis ici.
 * Tailles et espacements : uniquement les échelles --t-* et --e-* (docs/regles-design.md).
 * L'ancienne feuille assets/ta-recherche.css reste intacte pour l'ancien gabarit.
 *
 * Changelog
 * 2.1 : en-tête compact en 2 colonnes (hero de résultats partagé, ta-composants.css) :
 *       premières cartes visibles sans défilement à 1440 × 900.
 * 2.0 : refonte complète (en-tête compact, carte de recherche sur papier, grille de cartes
 *       partagées, états vide et chargement, tiroir de filtres, maillage).
 * 1.0 : habillage de l'ancien balisage .ta-r-*.
 */

/* ═══ Rythme vertical : page de résultats (charte §3) ═══
   En-tête et haut des résultats à --e-4 : les premières cartes doivent être entamées sans
   défilement à 1440 × 900. */
.ta-v2 main > section.ta-r-entete{padding-block:var(--e-4)!important}
.ta-v2 main > section.ta-r-resultats{padding-top:var(--e-4)!important}

.ta-v2 .ta-annuaire select{font-size:var(--t-base)} /* 16 px : pas de zoom forcé sur iOS */

/* ═══════════════ En-tête compact + carte de recherche ═══════════════ */
.ta-v2 .ta-r-entete h1 em{font-style:italic;color:var(--green-ink)}
.ta-v2 .ta-r-recherche{padding:var(--e-3);background:white;border:1px solid #e3e7ee;border-radius:20px;box-shadow:0 30px 70px -40px #0f172a4d}
.ta-v2 .ta-r-libre{position:relative;display:flex;gap:var(--e-1)}
.ta-v2 .ta-r-libre-icone{position:absolute;left:var(--e-2);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gold);pointer-events:none}
.ta-v2 .ta-r-libre input{flex:1;min-width:0;min-height:56px;padding:0 var(--e-2) 0 calc(var(--e-2) + 28px);border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:var(--t-base);color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.ta-v2 .ta-r-libre input::placeholder{color:#7b8594}
.ta-v2 .ta-r-libre input:focus{outline:none;background:white;border-color:var(--green);box-shadow:0 0 0 4px #53c59826}
.ta-v2 .ta-r-libre .ta-btn{min-height:56px}

.ta-v2 .ta-r-exemples{display:flex;flex-wrap:wrap;gap:var(--e-1);margin-top:var(--e-1)}
.ta-v2 .ta-r-ex{min-height:44px;padding:0 var(--e-2);border:1px solid var(--line);border-radius:999px;background:white;font-size:var(--t-sm);font-weight:600;color:#3d4757;transition:border-color .2s,color .2s,background .2s}
.ta-v2 .ta-r-ex:hover{border-color:var(--green);color:var(--green-ink);background:#f3faf6}

.ta-v2 .ta-r-separateur{display:flex;align-items:center;gap:var(--e-2);margin:var(--e-2) 0;font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7b8594}
.ta-v2 .ta-r-separateur::before,.ta-v2 .ta-r-separateur::after{content:'';flex:1;height:1px;background:var(--line)}

.ta-v2 .ta-r-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e-2);align-items:end}
.ta-v2 .ta-r-bar-actions{grid-column:1 / -1}
.ta-v2 .ta-r-bar-actions .ta-btn-dark{flex:1}
.ta-v2 .ta-r-champ label{display:block;margin-bottom:var(--e-1);font-size:var(--t-sm);font-weight:650;color:var(--ink)}
.ta-v2 .ta-r-select{position:relative}
.ta-v2 .ta-r-select>.ta-icon{position:absolute;left:var(--e-2);top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8b6d22;pointer-events:none}
.ta-v2 .ta-r-select select{width:100%;min-height:52px;padding:0 var(--e-5) 0 var(--e-2);border:1px solid var(--line);border-radius:12px;background-color:white;color:var(--ink);text-overflow:ellipsis;transition:border-color .2s,box-shadow .2s}
.ta-v2 .ta-r-select>.ta-icon~select{padding-left:calc(var(--e-2) + 28px)}
.ta-v2 .ta-r-select select:hover{border-color:#b9c1cc}
.ta-v2 .ta-r-select select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px #53c59826}
.ta-v2 .ta-r-bar-actions{display:flex;gap:var(--e-1)}
.ta-v2 .ta-r-bar-actions .ta-btn{min-height:52px}
.ta-v2 .ta-r-btn-filtres .ta-icon{width:18px;height:18px}
.ta-v2 .ta-r-pastille-nb{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--green);color:var(--ink);font-size:var(--t-xs);font-weight:700}

/* ═══════════════ Résultats ═══════════════ */
.ta-v2 .ta-r-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--e-2) var(--e-3);margin-bottom:var(--e-3);padding-bottom:var(--e-3);border-bottom:1px solid var(--line)}
.ta-v2 .ta-r-compte{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e-1);font-family:var(--sans);font-size:var(--t-lg);font-weight:500;line-height:1.3;letter-spacing:0;color:var(--muted)}
.ta-v2 .ta-r-compte strong{font-family:var(--serif);font-size:var(--t-h2);font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.ta-v2 .ta-r-tri{display:flex;align-items:center;gap:var(--e-2)}
.ta-v2 .ta-r-tri label{font-size:var(--t-sm);color:var(--muted);white-space:nowrap}
.ta-v2 .ta-r-select--compact select{min-height:44px;min-width:220px}

.ta-v2 .ta-r-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-1);margin:0 0 var(--e-3);padding:0;list-style:none}
.ta-v2 .ta-r-chip{display:inline-flex;align-items:center;gap:var(--e-1);min-height:44px;padding:0 var(--e-2);border-radius:999px;background:#edf6f1;border:1px solid #d6ebdf;color:var(--green-ink);font-size:var(--t-sm);font-weight:650;transition:background .2s,border-color .2s}
.ta-v2 .ta-r-chip .ta-icon{width:14px;height:14px}
.ta-v2 .ta-r-chip:hover{background:#e0f1e8;border-color:#b9dcc8}
.ta-v2 .ta-r-clear{margin-left:var(--e-1);color:var(--muted)}
.ta-v2 .ta-r-clear:hover{color:var(--ink)}


/* État de chargement : la grille s'estompe et un filet animé court au-dessus. */
.ta-v2 .ta-r-resultats.est-en-chargement .ta-r-grille,.ta-v2 .ta-r-resultats.est-en-chargement .ta-pagination{opacity:.45;pointer-events:none}
.ta-v2 .ta-r-resultats.est-en-chargement .ta-r-tete{position:relative}
.ta-v2 .ta-r-resultats.est-en-chargement .ta-r-tete::after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:35%;background:linear-gradient(90deg,#53c59800,var(--green),#53c59800);animation:ta-r-charge 1.1s ease-in-out infinite}
@keyframes ta-r-charge{from{transform:translateX(-100%)}to{transform:translateX(290%)}}

/* État vide */
.ta-v2 .ta-r-vide{display:flex;flex-direction:column;align-items:center;gap:var(--e-2);max-width:720px;margin:var(--e-3) auto 0;padding:var(--e-5) var(--e-4);text-align:center;background:var(--bg);border:1px solid #e3e7ee;border-radius:20px}
.ta-v2 .ta-r-vide-icone{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:white;color:var(--green-ink);box-shadow:0 10px 24px -14px #0f172a40}
.ta-v2 .ta-r-vide-icone .ta-icon{width:26px;height:26px}
.ta-v2 .ta-r-vide h3{font-family:var(--serif);font-size:var(--t-h3);font-weight:500;color:var(--ink)}
.ta-v2 .ta-r-vide p{max-width:52ch;font-size:var(--t-base);line-height:var(--lh-lecture);color:var(--muted)}
.ta-v2 .ta-r-vide-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e-1);margin-top:var(--e-1)}

/* ═══════════════ Maillage ═══════════════ */
.ta-v2 .ta-r-maillage-bloc+.ta-r-maillage-bloc{margin-top:var(--e-5)}
.ta-v2 .ta-r-maillage .ta-titre-section{margin-bottom:var(--e-4)}
.ta-v2 .ta-r-maillage-titre{margin-bottom:var(--e-2);font-family:var(--serif);font-size:var(--t-h3);font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.ta-v2 .ta-r-combos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-2);margin:0;padding:0;list-style:none}
.ta-v2 .ta-r-combo{display:flex;align-items:center;justify-content:space-between;gap:var(--e-2);height:100%;padding:var(--e-2) var(--e-3);background:white;border:1px solid var(--line);border-radius:14px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ta-v2 .ta-r-combo>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ta-v2 .ta-r-combo strong{font-size:var(--t-base);font-weight:650;color:var(--ink)}
.ta-v2 .ta-r-combo strong+span{font-size:var(--t-sm);color:var(--muted)}
.ta-v2 .ta-r-combo .ta-icon{width:18px;height:18px;color:#9aa4b2;transition:transform .2s,color .2s}
.ta-v2 .ta-r-combo:hover{transform:translateY(-3px);border-color:#d8e2da;box-shadow:0 18px 36px -18px #0f172a2e}
.ta-v2 .ta-r-combo:hover .ta-icon{transform:translateX(4px);color:var(--green-ink)}
.ta-v2 .ta-fond--papier .ta-r-combo{box-shadow:0 10px 28px -14px #0f172a29;border-color:#e3e7ee}
.ta-v2 .ta-r-liens{display:flex;flex-wrap:wrap;gap:var(--e-1);margin:0 0 var(--e-1);padding:0;list-style:none}
.ta-v2 .ta-r-liens a{display:inline-flex;align-items:center;gap:var(--e-1);min-height:44px;padding:0 var(--e-2);border:1px solid var(--line);border-radius:999px;background:white;font-size:var(--t-sm);font-weight:550;color:#3d4757;transition:border-color .2s,color .2s}
.ta-v2 .ta-r-liens a:hover{border-color:var(--green);color:var(--green-ink)}
.ta-v2 .ta-r-n{font-size:var(--t-xs);font-weight:650;color:#7b8594}
.ta-v2 .ta-r-maillage .ta-text-link{color:var(--green-ink)}
@media(max-width:950px){ .ta-v2 .ta-r-combos{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:600px){ .ta-v2 .ta-r-combos{grid-template-columns:1fr} }

/* ═══════════════ Tiroir des filtres avancés ═══════════════
   Sans JavaScript : simple bloc en bas de page (tout reste utilisable). Avec : panneau latéral. */
.ta-v2 .ta-r-drawer{max-width:640px;margin:0 auto var(--e-5);padding:0 var(--e-3);background:white}
.ta-r-js .ta-v2 .ta-r-drawer{position:fixed;z-index:1001;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(440px,100%);max-width:none;margin:0;padding:0;box-shadow:-30px 0 60px -30px #0f172a59;transform:translateX(105%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
.ta-r-js .ta-v2 .ta-r-drawer.est-ouvert{transform:none;visibility:visible;transition:transform .3s ease}
.ta-v2 .ta-r-drawer form{display:flex;flex-direction:column;height:100%}
.ta-v2 .ta-r-scrim{position:fixed;z-index:1000;inset:0;background:#0f172a73;backdrop-filter:blur(2px)}
.ta-r-tiroir-ouvert{overflow:hidden}
.ta-v2 .ta-r-dhead{display:flex;align-items:center;justify-content:space-between;gap:var(--e-2);padding:var(--e-2) var(--e-3);border-bottom:1px solid var(--line)}
.ta-v2 .ta-r-dhead h2{font-size:var(--t-h3);line-height:1.2}
.ta-v2 .ta-r-dbody{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--e-3)}
.ta-v2 .ta-r-grp{margin:0 0 var(--e-4);padding:0;border:0;min-width:0}
.ta-v2 .ta-r-grp:last-child{margin-bottom:0}
.ta-v2 .ta-r-glabel{display:block;margin:0 0 var(--e-1);padding:0;font-size:var(--t-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7585}
.ta-v2 .ta-r-grp .ta-r-select+.ta-r-glabel{margin-top:var(--e-2)}
.ta-v2 .ta-r-input{width:100%;min-height:48px;padding:0 var(--e-2);border:1px solid var(--line);border-radius:12px;font-size:var(--t-base);color:var(--ink)}
.ta-v2 .ta-r-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px #53c59826}
.ta-v2 .ta-r-opt{display:flex;align-items:center;gap:var(--e-2);min-height:44px;font-size:var(--t-base);color:var(--ink);cursor:pointer}
.ta-v2 .ta-r-opt input{width:20px;height:20px;margin:0;accent-color:var(--green-ink);flex:none}
.ta-v2 .ta-r-opt .ta-r-n{margin-left:auto}
.ta-v2 .ta-r-dfoot{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--e-1);padding:var(--e-2) var(--e-3) calc(var(--e-2) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:white}

/* Bouton « Filtres » flottant (mobile, une fois la carte de recherche passée). */
.ta-v2 .ta-r-flottant{display:none}
@media(max-width:860px){
	.ta-v2 .ta-r-flottant{position:fixed;z-index:95;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));display:inline-flex;border-radius:999px;box-shadow:0 16px 36px -12px #0f172a80;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}
	.ta-v2 .ta-r-flottant.est-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
	.ta-v2 .ta-r-flottant .ta-r-pastille-nb{background:var(--green)}
}

/* ═══════════════ Points de rupture de l'en-tête ═══════════════ */
@media(max-width:860px){
	.ta-v2 .ta-r-bar-actions .ta-btn{flex:1}
}
@media(max-width:600px){
	.ta-v2 .ta-r-recherche{padding:var(--e-2);border-radius:16px}
	.ta-v2 .ta-r-libre{flex-direction:column}
	.ta-v2 .ta-r-libre-icone{top:28px}
	.ta-v2 .ta-r-libre .ta-btn{width:100%}
	.ta-v2 .ta-r-exemples{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--e-2));padding-inline:var(--e-2)}
	.ta-v2 .ta-r-ex{flex:none}
	.ta-v2 .ta-r-bar{grid-template-columns:1fr}
	.ta-v2 .ta-r-tete{align-items:flex-start;flex-direction:column}
	.ta-v2 .ta-r-tri{width:100%}
	.ta-v2 .ta-r-select--compact{flex:1}
	.ta-v2 .ta-r-select--compact select{min-width:0}
	.ta-v2 .ta-r-vide{padding:var(--e-4) var(--e-2)}
}

/* Cibles tactiles d'au moins 44 px (charte §6). */
.ta-v2 .ta-r-maillage .ta-text-link{min-height:44px}
.ta-v2 .ta-r-dhead .ta-round-button{width:44px;height:44px;min-width:44px}

/* ═══════════════ Liste des dossiers clients (/dossiers-clients/) ═══════════════ */
.ta-v2 .ta-dl-filtres{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e-2);align-items:end}
.ta-v2 .ta-dl-champ-large{grid-column:1 / -1}
.ta-v2 .ta-dl-filtres .ta-r-bar-actions{grid-column:auto}
.ta-v2 .ta-dl-filtres .ta-r-bar-actions .ta-btn-dark{flex:1}
.ta-v2 .ta-dl-texte input{width:100%;min-height:52px;padding:0 var(--e-2) 0 calc(var(--e-2) + 28px);border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:var(--t-base);color:var(--ink)}
.ta-v2 .ta-dl-texte input:focus{outline:none;background:white;border-color:var(--green);box-shadow:0 0 0 4px #53c59826}
.ta-v2 .ta-dl-confiance{display:flex;gap:var(--e-1);align-items:flex-start;max-width:52ch;padding:var(--e-2);border-radius:12px;background:white;border:1px solid #e3e7ee;font-size:var(--t-sm)!important;line-height:1.6!important;color:var(--muted)}
.ta-v2 .ta-dl-confiance .ta-icon{flex:none;width:18px;height:18px;margin-top:2px;color:var(--green-ink)}
.ta-v2 .ta-dl-confiance strong{color:var(--ink)}
.ta-v2 .ta-dl-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-3)}
.ta-v2 .ta-dl-vide{font-size:var(--t-lg);color:var(--muted)}
@media(max-width:1100px){ .ta-v2 .ta-dl-grille{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:600px){
	.ta-v2 .ta-dl-grille{grid-template-columns:1fr;gap:var(--e-2)}
	.ta-v2 .ta-dl-filtres{grid-template-columns:1fr}
}

/* 2.2 : pages « dossiers sans réponse » (inc/ta-acquisition.php) */
.ta-v2 .ta-acq h1{margin:6px 0 10px}
.ta-v2 .ta-acq-liens{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.ta-v2 .ta-acq-liens li{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.ta-v2 .ta-acq-liens a{font-weight:600;color:var(--ink)}
.ta-v2 .ta-acq-liens span{color:var(--muted);font-variant-numeric:tabular-nums}

/* 2.3 : pages de questions par matière (inc/ta-faq.php) */
.ta-v2 .ta-faq-liste{display:grid;gap:10px;max-width:820px}
.ta-v2 .ta-faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 18px}
.ta-v2 .ta-faq-item summary{cursor:pointer;padding:16px 0;font-weight:700;color:var(--ink);list-style-position:outside}
.ta-v2 .ta-faq-reponse{padding:0 0 14px;color:var(--ink)}
.ta-v2 .ta-faq-reponse p{margin:0 0 10px}
.ta-v2 .ta-faq-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 24px #0f172a0d}
.ta-v2 .ta-faq-cta h2{margin:0 0 4px}
.ta-v2 .ta-faq-cta p{margin:0}

/* Recherche par nom (10/11/2026) : lien sous le champ principal, bloc des noms en tête des résultats. */
.ta-v2 .ta-r-lien-nom{margin:10px 0 0;font-size:14px;color:var(--muted)}
.ta-v2 .ta-r-lien-nom a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ta-v2 .ta-r-noms{margin:0 0 var(--e-4, 32px)}
.ta-v2 .ta-r-noms h3{margin:0 0 var(--e-2, 16px);font-size:var(--t-h3, 1.25rem);color:var(--ink)}

/* ta-blog */
/**
 * Trouver-Avocats : liste du blog (/blog/) au design ta-v2
 * -------------------------------------------------------
 * Version : 1.0 (29/10/2026)
 * Chargé par inc/ta-blog.php, après annuaire.css (hero de résultats, champ de recherche). Carte
 * d'article : composant partagé ; seule la variante « image » est décrite ici.
 *
 * Changelog
 * 1.0 : première version.
 */

.ta-v2 .ta-blog-themes{display:flex;flex-wrap:wrap;gap:var(--e-1);margin:0;padding:0;list-style:none}
.ta-v2 .ta-blog-themes a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--e-2);border:1px solid var(--line);border-radius:999px;background:white;font-size:var(--t-sm);font-weight:600;color:#3d4757;transition:border-color .2s,color .2s}
.ta-v2 .ta-blog-themes a:hover{border-color:var(--green);color:var(--green-ink)}
.ta-v2 .ta-blog-grille{gap:var(--e-3)}

/* Carte d'article avec image : la photo occupe le haut de la carte, bord à bord. */
.ta-v2 .ta-article--image{padding-top:0;overflow:hidden}
.ta-v2 .ta-article-image{margin:0 calc(-1 * var(--e-3)) var(--e-1);aspect-ratio:16/10;overflow:hidden;background:var(--bg)}
.ta-v2 .ta-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ta-v2 .ta-article--image:hover .ta-article-image img{transform:scale(1.04)}
.ta-v2 .ta-article--image .ta-eyebrow{display:flex;flex-wrap:wrap;gap:var(--e-1) var(--e-2);justify-content:space-between}
.ta-v2 .ta-article--image .ta-eyebrow::before{display:none}
.ta-v2 .ta-article--image time{color:#7b8594;font-weight:600;letter-spacing:.04em}
.ta-v2 .ta-article--image .ta-text-link{margin-top:auto}
@media(max-width:600px){
	/* Une seule ligne défilante : les articles restent proches du haut de l'écran. */
	.ta-v2 .ta-blog-themes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--e-2));padding-inline:var(--e-2)}
	.ta-v2 .ta-blog-themes li{flex:none}
}
.ta-v2 .ta-blog-plus{margin-top:var(--e-1)}
.ta-v2 .ta-blog-plus summary{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-sm);font-weight:650;color:var(--green-ink);cursor:pointer;list-style:none}
.ta-v2 .ta-blog-plus summary::-webkit-details-marker{display:none}
.ta-v2 .ta-blog-plus[open] summary{margin-bottom:var(--e-1)}
.ta-v2 .ta-blog-themes--tous{flex-wrap:wrap!important;overflow:visible!important;margin-inline:0!important;padding-inline:0!important}

/* Archives (1.1) : description de catégorie et absence de résultat */
.ta-v2 .ta-blog-description{max-width:60ch;margin-top:var(--e-2);font-size:var(--t-lg);line-height:var(--lh-lecture);color:var(--muted)}
.ta-v2 .ta-blog-description p+p{margin-top:var(--e-1)}
.ta-v2 .ta-blog h1 span{color:inherit}
.ta-v2 .ta-blog h1 em{font-style:italic;color:var(--green-ink)}
.ta-v2 .ta-blog-vide{padding:var(--e-4) 0;font-size:var(--t-lg);color:var(--muted);text-align:center}
.ta-v2 .ta-blog-themes a[aria-current]{border-color:var(--ink);background:var(--ink);color:white}

/* ta-entete-v2 */
/**
 * Trouver-Avocats : en-tête 2026 (aperçu admin), d'après design-reference/menu-logo-proposition.html
 * -----------------------------------------------------------------------------------------------
 * Version : 1.2 (02/11/2026)
 * Chargé après ta-layout.css, seulement quand ta_entete_v2() est vrai (classe body.ta-entete-v2).
 * Bureau (au-delà de 1359 px) : seul le logo change. En dessous : en-tête [logo] [loupe] [compte]
 * [menu], menu en carte avec icônes et « + / − », sous-liens sur une colonne, carte avocats,
 * écran de recherche plein écran.
 *
 * Changelog
 * 1.2 : menu bureau jamais tassé sous la largeur de son texte, 20 px au moins avant « Avocat ? » (chevauchement
 *       « ContactAvocat ? » vu à 1 440 px).
 * 1.1 : sous-liens à 16 px atténués, lien « Gérer mes cookies », bouton flottant de ta-ai-search masqué là
 *       où la loupe existe, bouton « Décrire ma situation » de l'écran de recherche.
 * 1.0 : première version.
 */

/* ——— Logo ——— */
.ta-entete-v2 .ta-v2 .ta-brand-logo.ta-logo-v2{display:block;width:auto;height:22px}
/* Bureau étroit (1360 à 1499 px) : le nouveau logo est plus large que l'ancien ; un cran plus petit et
   des espacements resserrés pour que le menu complet tienne sans chevauchement (aucune entrée retirée). */
@media(min-width:1360px) and (max-width:1499px){
	.ta-entete-v2 .ta-v2 .ta-header .ta-brand-logo.ta-logo-v2{height:18px}
	.ta-entete-v2 .ta-v2 .ta-header-inner{gap:10px}
	.ta-entete-v2 .ta-v2 .ta-nav-menu{gap:12px}
	.ta-entete-v2 .ta-v2 .ta-header-cta{padding-inline:var(--e-2)}
	.ta-entete-v2 .ta-v2 .ta-compte-bouton{max-width:150px} /* nom long d'un avocat connecté : coupé avec « … » */
	.ta-entete-v2 .ta-v2 .ta-nav-menu{gap:10px}
}
/* Le menu ne se tasse jamais sous la largeur de son texte (chevauchement « ContactAvocat ? ») : il garde sa largeur,
   un écart d'au moins 20 px le sépare des boutons ; en dessous de 1360 px, le menu passe en panneau. */
@media(min-width:1360px){
	.ta-entete-v2 .ta-v2 .ta-nav{flex:none}
	.ta-entete-v2 .ta-v2 .ta-nav-menu>li>a{white-space:nowrap}
	.ta-entete-v2 .ta-v2 .ta-header-avocat{flex:none;white-space:nowrap;margin-left:20px}
}
.ta-entete-v2 .ta-v2 .ta-footer .ta-brand-logo.ta-logo-v2{height:30px}
.ta-entete-v2 .ta-v2 .ta-nav-ico,.ta-entete-v2 .ta-v2 .ta-recherche-bouton,.ta-entete-v2 .ta-v2 .ta-nav-pro{display:none}

@media(max-width:1359px){
	/* ——— En-tête : trois icônes identiques, le logo à côté ——— */
	.ta-entete-v2 .ta-v2 .ta-header-inner{gap:6px}
	.ta-entete-v2 .ta-v2 .ta-brand{margin-right:auto}
	.ta-entete-v2 .ta-v2 .ta-brand-logo.ta-logo-v2{height:19px}
	.ta-entete-v2 .ta-v2 .ta-recherche-bouton{display:inline-grid;order:3}
	.ta-entete-v2 .ta-v2 .ta-header-inner>.ta-compte--bureau,.ta-entete-v2 .ta-v2 .ta-header-inner>.ta-compte-connexion{order:4}
	.ta-entete-v2 .ta-v2 .ta-menu-toggle{order:5}
	.ta-entete-v2 .ta-v2 .ta-entete-ico,.ta-entete-v2 .ta-v2 .ta-compte-bouton,.ta-entete-v2 .ta-v2 .ta-header-inner>.ta-compte-connexion,.ta-entete-v2 .ta-v2 .ta-menu-toggle{place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);cursor:pointer}
	.ta-entete-v2 .ta-v2 .ta-entete-ico svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
	.ta-entete-v2 .ta-v2 .ta-entete-ico:focus-visible{outline:2px solid var(--green-ink);outline-offset:2px}

	/* ——— Menu : bouton de dépôt plein, rubriques dans une carte ——— */
	.ta-entete-v2 .ta-v2 .ta-nav .ta-header-cta--mobile{min-height:54px;margin-bottom:18px;border-radius:16px;background:var(--green);color:var(--ink);font-size:var(--t-base);font-weight:700}
	.ta-entete-v2 .ta-v2 .ta-nav-menu{overflow:hidden;border:1px solid #eef0f5;border-radius:20px;background:white;box-shadow:0 6px 20px #0f172a0d}
	.ta-entete-v2 .ta-v2 .ta-nav-menu>li{border-bottom:0;border-top:1px solid #eef0f5}
	.ta-entete-v2 .ta-v2 .ta-nav-menu>li:first-child{border-top:0}
	.ta-entete-v2 .ta-v2 .ta-nav-menu>li>a{gap:11px;min-height:54px;padding-left:16px;font-size:var(--t-base);font-weight:600;color:var(--ink)}
	.ta-entete-v2 .ta-v2 .ta-nav-texte{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.ta-entete-v2 .ta-v2 .ta-nav-ico{display:block;flex:none;width:21px;height:21px;fill:none;stroke:var(--green-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
	/* « + / − » à la place des chevrons. */
	.ta-entete-v2 .ta-v2 .ta-sous-bascule{width:52px;margin-right:4px}
	.ta-entete-v2 .ta-v2 .ta-sous-bascule::before{content:"+";display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;background:#f1f3f8;color:#8b94a5;font-size:20px;font-weight:500;line-height:1;transform:none}
	.ta-entete-v2 .ta-v2 .ta-sous-bascule[aria-expanded="true"]::before{content:"−";background:var(--green);color:var(--ink);transform:none}
	/* Entrée sans sous-menu : simple lien, une flèche à droite. */
	.ta-entete-v2 .ta-v2 .ta-nav-menu>li:not(.menu-item-has-children)>a::after{content:"";display:block;position:static;flex:none;width:8px;height:8px;margin:0 22px 0 auto;border:0;border-top:2px solid #aab3c2;border-right:2px solid #aab3c2;background:none;transform:rotate(45deg);opacity:1}
	/* Sous-liens : une colonne alignée sous le texte de la rubrique, 40 px par ligne, jamais coupés. */
	.ta-entete-v2 .ta-v2 .ta-nav-menu .sub-menu{margin:0;padding:0 16px 10px 48px;border-left:0}
	.ta-entete-v2 .ta-v2 .ta-nav-menu .sub-menu li{border-bottom:1px solid #f1f3f8}
	.ta-entete-v2 .ta-v2 .ta-nav-menu .sub-menu li:last-child{border-bottom:0}
	.ta-entete-v2 .ta-v2 .ta-nav-menu .sub-menu a{display:block;text-align:left;border-radius:0;background:none;min-height:40px;padding:9px 0 0;overflow:hidden;font-size:var(--t-base);font-weight:400;line-height:22px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis} /* 16 px, graisse normale, couleur atténuée (31/10) */

	/* ——— Carte « Vous êtes avocat ? » ——— */
	.ta-entete-v2 .ta-v2 .ta-nav-pied{padding-top:var(--e-3)}
	.ta-entete-v2 .ta-v2 .ta-nav-pro{display:grid;gap:6px;text-align:left;padding:18px;border-radius:20px;color:#e7ecf4;background:radial-gradient(120% 90% at 85% 0%,#2a3d63,#141e36 60%,#0f172a)}
	.ta-entete-v2 .ta-v2 .ta-nav-pro p{margin:0}
	.ta-entete-v2 .ta-v2 .ta-nav-pro-titre{font-family:var(--serif);font-size:var(--t-lg);font-weight:500;color:white}
	.ta-entete-v2 .ta-v2 .ta-nav-pro-texte{font-size:var(--t-sm);color:#aab6c9}
	.ta-entete-v2 .ta-v2 .ta-nav-pro-boutons{display:grid;gap:8px;margin-top:10px}
	.ta-entete-v2 .ta-v2 .ta-nav-pro .ta-btn{width:100%;min-height:48px;border-radius:13px;font-weight:700}
	.ta-entete-v2 .ta-v2 .ta-nav .ta-nav-pro .ta-btn-or{color:var(--ink)}
	.ta-entete-v2 .ta-v2 .ta-nav .ta-nav-pro .ta-nav-pro-contour{border:1px solid #ffffff33;background:transparent;color:white}
	.ta-entete-v2 .ta-v2 .ta-nav-pro a::after{display:none}
	.ta-entete-v2 .ta-v2 .ta-nav-cookies{display:block;margin:var(--e-2) auto 0;min-height:44px;padding:0 var(--e-1);border:0;background:none;font:inherit;font-size:var(--t-sm);color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
	/* La loupe remplace le bouton flottant de ta-ai-search (décision du 31/10) ; sa fenêtre reste
	   ouvrable depuis l'écran de recherche (« Décrire ma situation »). */
	.ta-entete-v2 #ta-float-btn,.ta-entete-v2 #ta-float-tooltip{display:none!important}
}
/* 360 px : le logo garde sa forme, un cran plus petit pour que les trois icônes tiennent. */
@media(max-width:370px){ .ta-entete-v2 .ta-v2 .ta-brand-logo.ta-logo-v2{height:17px} }

/* ——— Écran de recherche plein écran ——— */
.ta-recherche-ecran{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:white;color:var(--ink);font-family:var(--sans)}
.ta-recherche-ecran[hidden]{display:none}
html.ta-recherche-ouverte{overflow:hidden}
html.ta-recherche-ouverte #axeptio_overlay,html.ta-recherche-ouverte #ta-float-btn{display:none!important} /* le temps de la recherche seulement */
.ta-recherche-tete{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid #eef0f5}
.ta-recherche-champ{flex:1;display:flex;align-items:center;gap:9px;min-width:0;padding:0 13px;border:1.5px solid var(--green);border-radius:14px;background:#f1f3f8}
.ta-recherche-champ svg{flex:none;width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.ta-recherche-champ input,.ta-recherche-champ input:focus,.ta-recherche-champ input:focus-visible{outline:none;box-shadow:none}
.ta-recherche-champ input{flex:1;min-width:0;min-height:46px;border:0;background:transparent;font:inherit;font-size:var(--t-base);color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}
.ta-recherche-champ input::-webkit-search-cancel-button{-webkit-appearance:none}
.ta-recherche-champ:focus-within{box-shadow:0 0 0 3px #53c59833}
.ta-recherche-annuler{flex:none;min-height:44px;padding:0 4px;border:0;background:none;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--green-ink);cursor:pointer}
.ta-recherche-corps{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:16px 16px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.ta-recherche-resultats{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.ta-recherche-groupe{min-width:0}
.ta-recherche-groupe>p{margin:0 0 10px;font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8b763d}
.ta-recherche-groupe ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.ta-recherche-groupe ul a{display:flex;align-items:center;gap:11px;min-height:48px;padding:9px 10px;border-radius:14px;background:#f7f8fb;color:var(--ink);text-decoration:none}
.ta-recherche-groupe ul a:focus-visible,.ta-recherche-puces a:focus-visible{outline:2px solid var(--green-ink);outline-offset:2px}
.ta-recherche-groupe ul a i{flex:none;width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,#7fd8b3,#2f9d76)}
.ta-recherche-groupe--guides ul a i{background:linear-gradient(140deg,#9fc4d6,#467d97)}
.ta-recherche-groupe--villes ul a i{background:linear-gradient(140deg,#e3c97a,#a8862f)}
.ta-recherche-groupe ul span{display:grid;min-width:0}
.ta-recherche-groupe ul b{overflow:hidden;font-size:var(--t-sm);font-weight:650;white-space:nowrap;text-overflow:ellipsis}
.ta-recherche-groupe ul small{overflow:hidden;font-size:var(--t-xs);color:#626d7d;white-space:nowrap;text-overflow:ellipsis}
.ta-recherche-puces{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
.ta-recherche-puces::-webkit-scrollbar{display:none}
.ta-recherche-puces a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid #e4e8ef;border-radius:999px;font-size:var(--t-sm);font-weight:600;color:var(--ink);text-decoration:none}
.ta-recherche-ecran .ta-recherche-decrire{width:100%;min-height:48px;border-radius:14px}
.ta-recherche-vide,.ta-recherche-tout{margin:0;font-size:var(--t-sm);color:#626d7d}
.ta-recherche-tout a{color:var(--green-ink);font-weight:700}
.ta-recherche-ecran .ta-recherche-depot{display:flex;width:100%;min-height:54px;margin-top:auto;border-radius:16px;font-size:var(--t-base);font-weight:700}
.ta-recherche-ecran .ta-recherche-depot .ta-icon{width:18px;height:18px}
@media(min-width:1360px){ .ta-recherche-ecran{display:none!important} }