/**
 * 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}