/* Bloc villemont/evenements — styles venus de sections.css (refonte 1e) */

/* ── Visite — events ──────────────────────────────────────── */

.evenements-section { background: var(--bone-warm); }

.events-list { display: flex; flex-direction: column; }

/* ── Visite — agenda événements ── */
.evenements-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 56px; flex-wrap: wrap; }

.evenements-head__title { margin-top: 16px; }

.evenements-head__count { color: var(--ochre-deep); margin: 0; }

.evenements-section .events-list { gap: 1px; background: var(--rule-soft); border: 1px solid var(--rule-soft); }

.event-row { background: var(--paper); padding: 26px 36px; display: grid; grid-template-columns: 120px 1fr auto auto; align-items: center; gap: 36px; }

.event-day { display: flex; align-items: baseline; gap: 8px; }

.event-day__d { font-family: var(--serif); font-size: var(--fs-figure-lg); line-height: 1; color: var(--burgundy); }

.event-day__m { color: var(--ochre-deep); }

.event-title { font-family: var(--serif); font-size: var(--fs-title-sm); color: var(--ink); line-height: 1.2; }

.event-kind { color: var(--ink-soft); }

.event-book { color: var(--burgundy); text-decoration: none; white-space: nowrap; }

.event-book:hover { color: var(--burgundy-deep); }

@media (max-width: 768px) {

  .event-row { grid-template-columns: 80px 1fr; gap: 6px 20px; }

  .event-day__d { font-size: var(--fs-title-xl); }

  .event-kind, .event-book { grid-column: 2; }
}