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