/* ==========================================================================
   next-event-highlight.component.css — stijlen van het
   <next-event-highlight> component. Hergebruikt vooral de algemene
   .feature-banner uit Home.css; hier staan enkel de kleine toevoegingen.
   ========================================================================== */

next-event-highlight {
  display: block;
}

next-event-highlight .status-pill {
  margin-bottom: 16px;
}

next-event-highlight [data-meta] {
  color: var(--color-ink-soft);
}

next-event-highlight [data-price] {
  font-weight: 700;
  color: var(--color-orange-dark);
}