/* Cartes d'ateliers — chargé sur toute page contenant [ateliers] (repris de _generation/corps/_ateliers.css). */
/* ════════════════════════════════════════════════════════════
   CARTES D'ATELIER — partagées par les pages Ateliers et Planning.
   ════════════════════════════════════════════════════════════ */
.ateliers-liste{ display:grid; gap:1.25rem; max-width:820px; margin-inline:auto; }
.atelier-carte{
  display:grid; gap:1.5rem; align-items:center;
  background:var(--blanc);
  border:1px solid #e4eaec; border-radius:3px; padding:1.5rem;
  transition:border-color .2s, box-shadow .2s;
}
.atelier-carte:hover{ border-color:var(--bleu-clair); box-shadow:0 4px 18px rgba(44,90,104,.08); }
@media (min-width:600px){ .atelier-carte{ grid-template-columns:120px 1fr auto; padding:1.75rem; } }
.atelier-carte img{ width:120px; height:120px; object-fit:cover; border-radius:50%; filter:grayscale(1); }
.atelier-carte h3{ font-family:var(--serif); font-size:1.2rem; color:var(--bleu); margin-bottom:.25rem; }
.atelier-carte p{ margin:0; color:var(--gris); font-size:.95rem; }
.atelier-carte__date{ font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:var(--bleu-moyen); margin-bottom:.4rem; }
.ateliers-etat{ text-align:center; color:var(--gris); margin:0; }