/* ==========================================================================
   Espace santé (templates/espace-sante.php) — spécifique, en complément de cd.css.
   Valeurs reprises de la maquette espace-sante.dc.html. Flat design : aucune ombre,
   aucune bordure de carte, aucun arrondi sauf la pagination ronde (52px, 50%).
   ========================================================================== */

/* ─── Hero : sur-titre + H1 + chapô ────────────────────────────────────── */
.cd-es-hero { padding-top: clamp(40px, 8vw, 88px); padding-bottom: clamp(40px, 7vw, 72px); display: flex; flex-direction: column; gap: 24px; }
.cd-es-hero__lead { max-width: 40ch; }

/* ─── Grille de cartes (auto-fill, min 320px) ──────────────────────────── */
.cd-es-list { padding-bottom: var(--cd-section); }
.cd-es-grid { --min: 320px; --gap: 24px; --align: stretch; }

/* Toute la carte est un lien : blanche, sans bordure, image 5/2 (cd-media, fond pâle si absente). */
.cd-es-card { display: flex; flex-direction: column; background: var(--cd-white); color: var(--cd-text); text-decoration: none; overflow: hidden; }
.cd-es-card:hover, .cd-es-card:focus-visible { color: var(--cd-text); }
.cd-es-card:hover .cd-es-card__title { color: var(--cd-green); }
.cd-es-card__body { display: flex; flex-direction: column; gap: 10px; padding: clamp(20px, 4vw, 28px); flex: 1; }
.cd-es-card__title { font-size: 23px; line-height: 1.3; font-weight: 500; text-wrap: balance; transition: color .2s ease; }
.cd-es-card__excerpt { font-size: 17px; }
.cd-es-card__more { margin-top: auto; padding-top: 8px; color: var(--cd-green); }

/* ─── Pagination ronde (HTML de paginate_links) ────────────────────────── */
.cd-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 48px; }
.cd-pagination .page-numbers { display: grid; place-items: center; min-width: 52px; height: 52px; padding: 0 10px; border-radius: 50%; border: 1.5px solid var(--cd-green); color: var(--cd-green); text-decoration: none; line-height: 1; transition: background .2s ease, color .2s ease; }
.cd-pagination a.page-numbers:hover { background: var(--cd-green); color: #fff; }
.cd-pagination .page-numbers.current { background: var(--cd-green); color: #fff; }
.cd-pagination .page-numbers.dots { border-color: transparent; color: var(--cd-text-3); }

/* ─── État vide ────────────────────────────────────────────────────────── */
.cd-es-empty { max-width: 52ch; }