/* ==========================================================================
   ETKINLIKLER SAYFASI (/etkinlikler)
   site.css'ten SONRA yuklenir. Ciplak HEX yasak - sadece var(--token).
   Mobile-first: varsayilan mobil, min-width ile genisler.
   ========================================================================== */

/* Bolum baslik grubu (sayfa ici ortak) */
.section-head { margin-block-end: var(--sp-8); }
.section-head .eyebrow { margin-block-end: var(--sp-1); }
.section-head__lead { max-width: var(--measure); margin-block-start: var(--sp-2); }

/* --------------------------------------------------------------------------
   Yaklasan etkinlik kartlari - tarih rozeti + govde
   -------------------------------------------------------------------------- */
.event-list { display: grid; gap: var(--sp-5); }

.event-card {
  display: flex;
  gap: var(--sp-5);
  align-items: flex-start;
}
@media (min-width: 768px) { .event-card { gap: var(--sp-6); } }

/* Tarih rozeti: buyuk gun + kisa ay */
.event-card__date {
  flex: none;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  inline-size: 68px; block-size: 76px;
  border-radius: var(--r-md);
  background: var(--soft-purple);
  color: var(--ink-purple);
}
@media (min-width: 768px) {
  .event-card__date { inline-size: 84px; block-size: 92px; border-radius: var(--r-lg); }
}
.event-card__day {
  font-family: var(--font-heading);
  font-size: var(--fs-h2); font-weight: var(--fw-extrabold);
  line-height: 1;
}
.event-card__month {
  font-size: var(--fs-label); font-weight: var(--fw-bold);
  letter-spacing: var(--ls-label);
  margin-block-start: var(--sp-1);
}

.event-card__date--pink { background: var(--soft-pink); color: var(--ink-pink); }
.event-card__date--purple { background: var(--soft-purple); color: var(--ink-purple); }
.event-card__date--yellow { background: var(--soft-yellow); color: var(--ink-yellow); }
.event-card__date--green { background: var(--soft-green); color: var(--ink-green); }
.event-card__date--blue { background: var(--soft-blue); color: var(--ink-blue); }
.event-card__date--orange { background: var(--soft-orange); color: var(--ink-orange); }

.event-card__body { min-inline-size: 0; }
.event-card__title { margin-block: var(--sp-2); font-size: var(--fs-h4); }

.event-card__meta {
  display: flex; flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-5);
  margin-block-end: var(--sp-3);
}
.event-card__meta li {
  display: flex; align-items: center; gap: var(--sp-2);
  font-size: var(--fs-sm); line-height: var(--lh-sm);
  color: var(--ink-muted);
}
.event-card__icon { inline-size: 18px; block-size: 18px; flex: none; color: var(--ink-pink); }

.event-card__desc { color: var(--ink-body); }

/* Kategori rozetleri - pastel zemin + AA murekkep */
.cat-badge--pink { background: var(--soft-pink); color: var(--ink-pink); }
.cat-badge--purple { background: var(--soft-purple); color: var(--ink-purple); }
.cat-badge--yellow { background: var(--soft-yellow); color: var(--ink-yellow); }
.cat-badge--green { background: var(--soft-green); color: var(--ink-green); }
.cat-badge--blue { background: var(--soft-blue); color: var(--ink-blue); }
.cat-badge--orange { background: var(--soft-orange); color: var(--ink-orange); }

/* Bos durum */
.event-empty { text-align: center; padding-block: var(--sp-10); }
.event-empty__title {
  font-family: var(--font-heading);
  font-size: var(--fs-h5); font-weight: var(--fw-bold);
  color: var(--ink-strong);
  margin-block-end: var(--sp-2);
}

/* --------------------------------------------------------------------------
   Gecmis etkinlikler - dalga ustte, kucuk kartlar
   -------------------------------------------------------------------------- */
.events-past { margin-block-start: var(--wave-h); }

.event-past { display: flex; flex-direction: column; align-items: flex-start; }
.event-past__date { margin-block-end: var(--sp-1); }
.event-past__title { font-size: var(--fs-h5); margin-block-end: var(--sp-2); }
.event-past__desc {
  color: var(--ink-muted);
  margin-block-end: var(--sp-4);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.event-past .cat-badge { margin-block-start: auto; }

/* --------------------------------------------------------------------------
   Mini CTA kusagi
   -------------------------------------------------------------------------- */
.events-cta {
  display: flex; flex-direction: column;
  gap: var(--sp-5);
  text-align: center; align-items: center;
}
.events-cta__title { font-size: var(--fs-h3); margin-block-end: var(--sp-2); }
.events-cta__actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); justify-content: center; }

@media (min-width: 768px) {
  .events-cta {
    flex-direction: row; justify-content: space-between;
    text-align: start;
  }
  .events-cta__actions { justify-content: flex-end; flex: none; }
}