/* ==========================================================================
   Jura-Start - evenements.css (liste des rendez-vous)
   ========================================================================== */

.js-evts-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
@media (min-width: 820px) { .js-evts-grid { grid-template-columns: 1fr 1fr; } }

.js-evts-empty { text-align: center; max-width: 48ch; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 40px 0; }

/* Rendez-vous passes : liste sobre */
.js-past-list { list-style: none; margin: 40px 0 0; padding: 0; border-top: 1px solid var(--js-line); }
.js-past-item { border-bottom: 1px solid var(--js-line); }
.js-past-item a { display: grid; grid-template-columns: 130px 1fr auto; gap: 20px; align-items: center; padding: 22px 4px; transition: padding-left 0.3s var(--js-ease), color 0.3s; }
.js-past-item a:hover { padding-left: 12px; color: var(--js-amber-deep); }
.js-past-date { font-family: var(--js-font-mono); font-size: 0.8rem; letter-spacing: 0.06em; color: var(--js-ink-soft); }
.js-past-title { font-family: var(--js-font-display); font-size: 1.3rem; }
.js-past-loc { font-size: 0.9rem; color: var(--js-ink-soft); text-align: right; }

@media (max-width: 640px) {
  .js-past-item a { grid-template-columns: 1fr; gap: 4px; }
  .js-past-loc { text-align: left; }
}