/* Connect Music Events v24: requested colour corrections only.
   Loaded after the existing page styles. No layout or other-event artwork changes. */
@media screen {
  /* Home: keep this single hero button green, including hover and focus. */
  body.home-page[data-page="index.html"] .home-hero .hero-copy a.btn[href="#events"],
  body.home-page[data-page="index.html"] .home-hero .hero-copy a.btn[href="#events"]:is(:hover,:focus-visible,:active,:visited) {
    background: #10BA26;
    border-color: #10BA26;
    color: #FFFFFF;
  }
  body.home-page[data-page="index.html"] .home-hero .hero-copy a.btn[href="#events"] :is(span,.icon) {
    color: #FFFFFF;
  }
  /* Tickets: only the Keti Koti visitors status label; preserve alignment and background. */
  body[data-page="tickets.html"] #keti-koti .ticket-status [data-field="status"],
  body[data-page="tickets.html"] #keti-koti .ticket-status [data-field="status"]:is(:hover,:focus-visible,:active) {
    color: #FFFFFF;
  }
  /* Events overview: only registration/status links in card footers. */
  body[data-page="evenementen.html"] .event-card .card-footer a[data-ticket-link],
  body[data-page="evenementen.html"] .event-card .card-footer a[data-ticket-link]:is(:link,:visited,:hover,:focus-visible,:active) {
    color: #10BA26;
  }
  body[data-page="evenementen.html"] .event-card .card-footer a[data-ticket-link] :is(span,.icon) {
    color: inherit;
  }
  body.home-page[data-page="index.html"] .home-hero .hero-copy a.btn[href="#events"] .icon,
  body[data-page="evenementen.html"] .event-card .card-footer a[data-ticket-link] .icon {
    stroke: currentColor;
  }
}
