/* Etkinlikler sayfası — sayfaya özel stiller.
   Ortak jetonlar/bileşenler site.css'ten (.card-media/.card-body/.empty vb.);
   burada yalnızca bu sayfaya özgü olan (tarih kutusu, geçmiş liste satırı).
   Jetonlar design-tokens.md §9.13 "Etkinlik kartı" ile birebir; kapak +
   açıklama site'ye özgü genişletme (uygulama ana sayfada göstermiyor). */

.event-card {
  position: relative;
  background: var(--surface);
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.event-card-head { align-items: flex-start; gap: var(--sp-sm); }

.event-date {
  flex: 0 0 auto;
  width: 52px;
  height: 56px;
  border-radius: 14px;
  background: var(--forest-app);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.event-date-day { font-size: 20px; font-weight: 800; }

.event-date-month {
  margin-top: 3px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.event-date.is-sm { width: 40px; height: 44px; border-radius: 11px; }
.event-date.is-sm .event-date-day { font-size: 15px; }
.event-date.is-sm .event-date-month { margin-top: 2px; font-size: 8px; }

.event-title { margin: 0; }

.event-meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
}
.event-meta svg { flex: 0 0 auto; color: var(--ink-4); }

.event-list { list-style: none; margin: 0; padding: 0; }

.event-row {
  align-items: center;
  padding: 11px 14px;
  border-radius: var(--r-control);
  background: var(--surface);
  border: 1px solid var(--line);
}

.event-title-sm { margin: 0 0 2px; }

@media (max-width: 480px) {
  .event-date { width: 44px; height: 48px; }
  .event-date-day { font-size: 17px; }
}