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