/**
 * @file event-card.css
 * Event card and agenda table styling.
 */

.event-card {
  display: flex;
  gap: var(--vg-h-16);
  padding: var(--vg-space-1) 0;
  border-bottom: 1px solid var(--vg-color-border);
}

.event-card:last-child {
  border-bottom: none;
}

.event-card__date {
  font-size: 0.8rem;
  line-height: 24px;
  color: var(--vg-color-text-muted);
  white-space: nowrap;
  min-width: 96px;
}

.event-card__title {
  font-size: 0.9rem;
  line-height: 24px;
  font-style: italic;
}

.event-card__title a {
  color: var(--vg-color-heading);
  text-decoration: none;
}

.event-card__title a:hover {
  color: var(--vg-color-primary);
}

.event-card__partner {
  font-size: 0.8rem;
  line-height: 24px;
  color: var(--vg-color-text-muted);
}

.event-card__partner a {
  color: var(--vg-color-text-muted);
}

.event-card__partner a:hover {
  color: var(--vg-color-link-hover);
}

/* ============================================================
   Agenda table (views rendered)
   ============================================================ */
.front-events table,
.events.agenda table {
  width: 100%;
  border-collapse: collapse;
}

.front-events td,
.events.agenda td {
  padding: var(--vg-space-1) var(--vg-h-8);
  border-bottom: 1px solid var(--vg-color-border);
  font-size: 0.85rem;
  line-height: 24px;
  vertical-align: top;
}

.front-events tr:last-child td,
.events.agenda tr:last-child td {
  border-bottom: none;
}

/* Date column */
.views-field-field-event-datum {
  white-space: nowrap;
  color: var(--vg-color-text-muted);
  font-size: 0.8rem;
}

/* Title column */
.views-field-title a {
  color: var(--vg-color-heading);
  text-decoration: none;
}

.views-field-title a:hover {
  color: var(--vg-color-primary);
}

/* Partner column */
.views-field-field-event-partner {
  font-size: 0.8rem;
  color: var(--vg-color-text-muted);
}

.views-field-field-event-partner a {
  color: var(--vg-color-text-muted);
}

.views-field-field-event-partner a:hover {
  color: var(--vg-color-link-hover);
}

/* Agenda heading */
h2.front-events,
h2.events.agenda {
  font-size: 1.2rem;
  line-height: 36px;
  margin-bottom: var(--vg-space-2);
}