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

/* ── Layout principal ── */
.deiziataer-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: calc(var(--nav-h) + .5rem) 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: 2rem;
}

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

/* .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: 1024px) {
  .deiziataer-wrap {
    padding: calc(var(--nav-h) + .5rem) 1.5rem 6rem;
  }
}

@media (max-width: 580px) {
  .deiziataer-wrap {
    padding: calc(var(--nav-h) / 2) 0 4rem;
  }
  .deiziataer-wrap h1,
  .deiziataer-eyebrow {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .deiziataer-wrap h1 {
    font-size: clamp(1.3rem, 6vw, 1.8rem);
    margin-bottom: 1.5rem;
  }
}