/**
 * Listings d'articles 2026 (blog, catégories, recherche) et bouton de recherche du pied de page.
 * Chargé sur tout le site : la navigation AJAX remplace le contenu sans recharger les feuilles de style.
 */

/* Titres des cartes : pas de mot seul en dernière ligne. */
.bloc-item-article h2{
	text-wrap:balance;
}

/* Bouton de recherche : l'icône reste à 20 px, la zone cliquable passe à 44 px. */
.search [type="submit"]{
	width:2.75rem;
	height:2.75rem;
	top:-.5rem;
	right:-.75rem;
	background-position:center;
	background-size:1.25rem;
	text-indent:-999px;
}
.search [type="submit"]:focus-visible{
	outline:2px solid #36bcd3;
	outline-offset:-4px;
}

@media (max-width:600px){
	/* Une intro de dix lignes centrées se lit mal : alignée à gauche sur mobile. */
	.main-center-2 .intro{
		text-align:left;
	}
	.main-center-2 .intro h1{
		text-align:center;
	}
}

/* Mobile : deux colonnes de cartes, intérieur resserré à l'échelle. */
@media (max-width:500px){
	.blocs{
		margin:1rem -.25rem;
	}
	.bloc-item.bloc-item-article{
		flex:0 0 calc(50% - .5rem);
		min-width:0;
		min-height:0;
		margin:.25rem;
	}
	.bloc-item-article .article-thumb{
		padding-bottom:2.5rem;
	}
	.bloc-item-article .a-wrap{
		left:-1rem;
		right:-1rem;
		bottom:-1.25rem;
	}
	.bloc-item-article h2{
		padding:1.4rem 1.5rem 1.9rem;
		font-size:.95rem;
		line-height:1.3;
	}
	.bloc-item-article a:hover h2,
	.bloc-item-article a:focus h2{
		transform:translateZ(0) translateY(.5rem);
	}
	.comments-number{
		padding:1.5rem 3.5rem 1rem 1.75rem;
		margin-bottom:-2rem;
		font-size:.85rem;
	}
	.comments-number:after{
		width:14px;
		height:14px;
		margin-left:.3rem;
	}
}