@import url('/site-components.css');

.home-next-event[hidden] { display: none !important; }
.home-next-event { position: relative; z-index: 1; padding: 1.5rem 0 3rem; }
.home-next-event-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; }
.home-next-event-copy { min-width: 0; }
.home-next-event .section-tag { margin-bottom: 0.75rem; }
body.home-palette-dark .home-next-event h2 {
  font-size: var(--site-section-title-size);
  line-height: 1.2;
  margin: 0 0 1rem;
  color: var(--site-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--site-text) !important;
  letter-spacing: normal;
}
.home-next-event-date { color: var(--site-text-muted); margin: 0 0 0.4rem; }
.home-next-event-details { color: var(--site-text-muted); margin: 0; font-size: 0.9rem; }
.home-next-event-actions { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.home-next-event-all { color: var(--site-accent); font-size: 0.9rem; font-weight: 600; }
.home-next-event-all:hover { text-decoration: underline; }
@media (max-width: 900px) {
  .home-next-event-card { grid-template-columns: 1fr; }
  .home-next-event-actions { align-items: flex-start; }
}
@media (max-width: 768px) {
  .home-next-event { padding: 1rem 0 2rem; }
  .home-next-event-card { padding: 1.5rem; gap: 1.5rem; }
  .home-next-event .btn { min-width: 0; width: 100%; }
  .home-next-event-actions { align-items: stretch; }
  .home-next-event-all { text-align: center; }
}