/* Events (src/pages/events.njk). Builds on main.css; only what this page adds. */

.events-members {
  margin-top: 1.5rem;
}

.events-members p {
  margin-bottom: 0.5rem;
}

.events-members__links {
  gap: 0.5rem 1.5rem;
}

/* "Next open house" panel */
.open-house__text > * {
  margin-bottom: 0.75rem;
}

.open-house__text .btn-group {
  margin: 1.25rem 0 0;
}

.open-house__when {
  font-family: var(--font-head);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.open-house__meta {
  font-weight: 700;
}

/* "Sample: not a real club event", right under a sample date */
.open-house__sample {
  padding: 0.5rem 0.75rem;
  background: var(--yellow-pale);
  border-left: 6px solid var(--ink);
}

.open-house__sample[hidden] {
  display: none;
}

.open-house__reg:empty,
.open-house__text .event__badges:empty {
  display: none;
}

[data-oh-filled][hidden],
[data-oh-empty][hidden] {
  display: none;
}

.open-house__photo .figure {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .open-house__when {
    font-size: 1.75rem;
  }
}

/* A "Details" link from another page lands on the event: mark it gently. */
.event:target {
  border-color: var(--green);
  box-shadow: 0 0 0 2px var(--green);
}

.events-facts {
  grid-template-columns: minmax(0, 1fr); /* lets the long club email wrap at 320px instead of widening the page */
  max-width: 52rem;
  margin-bottom: 0;
}

.events-facts dd {
  overflow-wrap: anywhere;
}

@media (min-width: 40em) {
  .events-facts {
    grid-template-columns: max-content minmax(0, 1fr);
  }
}