@charset "UTF-8";

.events-page-header {
  max-width: 720px;
}

.events-intro-meta {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
}

.events-intro-cta {
  margin-left: auto;
}

.events-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.event-card-body {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 2fr);
  gap: var(--space-5);
  margin-top: var(--space-3);
}

.event-card-media img {
  width: 100%;
  border-radius: var(--radius-lg);
}

.event-card-text-only {
  grid-column: 1 / -1;
}

.event-highlights {
  margin-top: var(--space-3);
  padding-left: 1.1rem;
}

.event-highlights li {
  list-style: disc;
  font-size: 0.95rem;
  color: var(--color-text-muted);
  margin-bottom: 0.25rem;
}

.events-reservation-card {
  display: grid;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1.4fr);
  gap: var(--space-6);
  align-items: center;
}

.events-reservation-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: flex-start;
}

.events-reservation-actions .btn {
  width: 100%;
}

@media (max-width: 1120px) {
  .events-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 960px) {
  .event-card-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .events-intro-meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .events-intro-cta {
    margin-left: 0;
  }
  .events-reservation-card {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .event-card {
    padding: var(--space-4);
  }
  .events-reservation-actions .btn {
    width: 100%;
  }
}