/* ==========================================================================
   Events & Community page styles — loads AFTER css/site.css.
   Extends shell components only; never redefines palette hexes.
   ========================================================================== */

/* --- Pro-Am marquee: flyer mounted like a poster in the front window */
.proam-flyer {
  max-width: 440px;
  margin-inline: auto;
  transform: rotate(1.25deg);
}
.proam-flyer img { width: 100%; height: auto; }
@media (max-width: 820px) {
  .proam-flyer { transform: none; max-width: 400px; }
}
.proam-note {
  font-size: var(--text-small);
  opacity: .85;
  max-width: 30rem;
}

/* --- Event cards: equal height, facts pinned to the bottom */
.event-card {
  display: flex;
  flex-direction: column;
}
.event-card .event-card__body { flex: 1 1 auto; }
.event-card .fact-rows {
  margin: var(--space-4) 0 0;
}
.event-card .card__cta { margin-top: var(--space-5); }
.event-card .window-poster {
  padding: var(--space-2);
  margin-top: var(--space-4);
  border-radius: var(--radius-chip);
}

/* --- After Dark glow band */
.glow-price { margin: var(--space-4) 0 0; }
.glow-strip {
  margin-top: var(--space-8);
}
.glow-strip img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-photo);
  border: 1px solid rgba(232, 163, 61, .4);
}

/* --- Community car-show feature */
.community-feature img {
  max-height: 34rem;
  object-fit: cover;
}
.community-heritage { align-items: start; }
.community-heritage .badge-est { margin-bottom: var(--space-5); }

/* --- Review quote cards */
.quote-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  height: 100%;
}
.quote-card blockquote {
  margin: 0;
  font-family: var(--font-display);
  font-variation-settings: "SOFT" 75;
  font-style: italic;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.45;
}
.quote-card cite {
  font-style: normal;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: var(--text-eyebrow);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--felt);
  margin-top: auto;
}

/* --- Host-your-event split alignment */
.host-split { align-items: start; }