/* Upcoming or past (21/10/2026). Arezki: "duidelijker onderscheid tussen upcoming en geweeste parties".
   Every dated event on the site (a card, or a title with an event date) carries a small label: "Upcoming" with the day in
   orange, or "Past" with the day in dark grey. The page build decides which one, from the event date in the content.
   A past title quiets its own section: its ticket button goes, its photo softens. Site colours: orange #FF9C00, Anton. */
.afro-status {
  display: inline-flex; align-items: center; gap: 7px; margin: 0 0 12px; padding: 6px 11px 5px; border-radius: 999px;
  font-family: "Anton", Sans-serif; font-size: 13px; font-weight: 400; line-height: 1.2; letter-spacing: 1.2px;
  text-transform: uppercase; white-space: nowrap;
}
.afro-status time { font: inherit; }
.afro-status--upcoming { background: #FF9C00; color: #111; }
.afro-status--upcoming::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: #111; }
.afro-status--past { background: #3a3a3a; color: #fff; }
/* a dated title whose day is past: the section around it (the page's top-level block) loses the button that sells
   tickets and its photo goes quiet */
.e-parent:has(.afro-status--title.afro-status--past) .elementor-widget-button:has(a[href*="tickets"]) { display: none; }
.e-parent:has(.afro-status--title.afro-status--past) .elementor-widget-image img { filter: saturate(.35) brightness(.9); opacity: .85; }