/*
 * carte-article.css : carte d'article (« une », rangée, carte) et pagination. Chargée sur la page des articles, les rubriques et les articles ordinaires
 * (pas sur la fiche d'une recette ni sur les pages des recettes et des vidéos). Mobile d'abord (390 px), puis paliers à 640, 960 et 1280 px.
 */

/* ---------- Carte d'article : rangée (mobile, liste), carte (grille) ou grande carte (« à la une ») ---------- */
.carte-article{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--filet);color:var(--encre)}
.carte-article:hover{color:var(--encre)}
.carte-article:hover .carte-article__titre{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.carte-article__image{flex:none;width:72px;height:72px;border-radius:12px;object-fit:cover;object-position:var(--cadrage,50% 50%)}
.carte-article__corps{display:flex;flex-direction:column;gap:5px;min-width:0}
.carte-article__titre{font-family:var(--police-titre);font-weight:700;font-size:17px;line-height:23px}
.carte-article__meta{font-size:13px;line-height:normal;color:var(--encre-douce)}
.carte-article__meta a{color:inherit;text-decoration:underline}
.carte-article__haut{display:flex;align-items:center;gap:14px}
.carte-article__badge{display:none;align-items:center;height:22px;padding:0 9px;border-radius:11px;background:var(--etiquette-fond);font-size:11px;font-weight:600;line-height:normal;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--etiquette-texte)}
.carte-article__resume{font-size:15px;line-height:25px;color:var(--texte-courant)}
.carte-article--une{flex-direction:column;align-items:stretch;gap:0;padding:0;border-bottom:5px solid var(--soin-lisere);border-radius:16px;background:var(--blanc);overflow:hidden}
.carte-article--une .carte-article__image{width:100%;height:200px;border-radius:0}
.carte-article--une .carte-article__corps{gap:8px;padding:18px 18px 20px}
.carte-article--une .carte-article__titre{font-size:22px;line-height:29px}
.carte-article--une .rubrique-etiquette{font-size:12px}
@media (min-width:640px){
	/* Carte : photo en haut, filet de couleur en bas */
	.carte-article--grille{flex-direction:column;align-items:stretch;gap:0;padding:0;border-bottom:5px solid var(--soin-lisere);border-radius:14px;background:var(--creme);overflow:hidden}
	.carte-article--grille .carte-article__image{width:100%;height:170px;border-radius:0}
	.carte-article--grille .carte-article__corps{gap:8px;padding:16px 18px 18px}
	.carte-article--grille .carte-article__titre{font-size:18px;line-height:25px}
	.carte-article--une .carte-article__image{height:280px}
	.carte-article__badge{display:inline-flex}
}
@media (min-width:960px){
	.carte-article--une{border-radius:18px}
	.carte-article--une .carte-article__image{height:330px}
	.carte-article--une .carte-article__corps{gap:10px;padding:26px 30px 28px}
	.carte-article--une .carte-article__titre{font-size:30px;line-height:38px}
	.carte-article--liste .carte-article__image{width:84px;height:84px}
}
@media (min-width:1280px){.carte-article--une .rubrique-etiquette{font-size:12px}}

/* ---------- Pagination ---------- */
.pagination{margin-top:32px}
.pagination__liste{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.pagination__lien{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--filet);border-radius:12px;background:var(--blanc);font-size:15px;font-weight:600;line-height:normal;color:var(--vert-fonce)}
.pagination__lien:hover{border-color:var(--vert-lisere);color:var(--vert-fonce)}
.pagination__lien--cote{padding:0 16px}
.pagination__lien--courante{border-color:var(--vert);background:var(--vert);color:var(--blanc)}
.pagination__suspension{padding:0 4px;color:var(--encre-douce)}