/* ══════════════════════════════════════
   deiziataer.css — Page Agenda
   Dépend de common.css
══════════════════════════════════════ */

/* ── Layout principal ── */
.deiziataer-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: calc(var(--nav-h) + 4rem) 2rem 6rem;
  position: relative;
  z-index: 1;
}

.deiziataer-wrap h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 300;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: .4rem;
}

.deiziataer-eyebrow {
  font-size: .58rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 3rem;
}

/* .agenda-strollad et .agenda-detail définis dans common.css */

/* ── Filtres (futurs / tous) ── */
.agenda-filters {
  display: flex;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.agenda-filter-btn {
  font-family: 'DM Sans', sans-serif;
  font-size: .6rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(240,237,232,.35);
  background: transparent;
  border: 1px solid rgba(255,255,255,.08);
  padding: .3rem .8rem;
  cursor: pointer;
  transition: color .2s, border-color .2s;
}
.agenda-filter-btn.active,
.agenda-filter-btn:hover {
  color: var(--accent);
  border-color: rgba(212,185,122,.35);
}

/* ── Responsive ── */
@media (max-width: 580px) {
  .deiziataer-wrap { padding-left: 1.2rem; padding-right: 1.2rem; }
  .agenda-item { gap: 1rem; }
  .date-block { width: 2.4rem; }
  .date-day { font-size: 1.2rem; }
}