/* events.css — public events listing + shared event-card styles. */

.wg-events-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--wg-space);
  flex-wrap: wrap;
}
.wg-events-head h1 { margin: 0; }
.wg-events-intro { color: var(--wg-muted); margin: 8px 0 var(--wg-space); }
.wg-events-filter { margin-bottom: var(--wg-space); }
.wg-events-filter select {
  width: 100%; max-width: 320px; padding: 10px 12px; font-size: 0.95rem;
  border: 1px solid var(--wg-border); border-radius: var(--wg-radius); background: #fff;
}

.wg-events-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wg-space);
  margin-top: var(--wg-space);
}
@media (min-width: 560px) {
  .wg-events-list { grid-template-columns: 1fr 1fr; }
}

.wg-event-card {
  display: block;
  border: 1px solid var(--wg-border);
  border-radius: var(--wg-radius);
  overflow: hidden;
  background: var(--wg-bg);
  color: var(--wg-text);
}
.wg-event-card:hover { text-decoration: none; border-color: var(--wg-color); }

.wg-event-card-banner {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #f4f4f4;
}
.wg-event-card-body { padding: 12px; }
.wg-event-card-title {
  margin: 0 0 6px;
  font-size: 1.05rem;
  line-height: 1.3;
}
.wg-event-card-when { font-weight: 600; font-size: 0.92rem; }
.wg-event-card-loc { color: var(--wg-muted); font-size: 0.9rem; margin-top: 2px; }
.wg-event-card-meta { color: var(--wg-muted); font-size: 0.85rem; margin-top: 8px; }