/* Stichting Keti Koti Connect - v2
   Only tickets.html: keep the original layout and event artwork, replace
   purple/lilac/magenta interface colours with the existing green palette.
   Brasa flags, the orange Koningsdag poster and the Kabra Neti flyer stay intact. */
body[data-page="tickets.html"] .ticket-row .ticket-status .badge {
  background: #10BA26;
  border-color: #10BA26;
  color: #FFFFFF;
}

body[data-page="tickets.html"] .ticket-row .ticket-actions .btn,
body[data-page="tickets.html"] .ticket-row .ticket-actions .btn:is(:link, :visited, :hover, :focus-visible, :active) {
  background: #10BA26;
  border-color: #10BA26;
  color: #FFFFFF;
}

body[data-page="tickets.html"] .ticket-row .ticket-actions .btn:is(:hover, :focus-visible) {
  box-shadow: 0 6px 18px rgba(16, 186, 38, .20);
}

body[data-page="tickets.html"] .ticket-row .ticket-actions .btn:focus-visible {
  outline: 2px solid #08751C;
  outline-offset: 3px;
}

body[data-page="tickets.html"] .ticket-row :is(.ticket-status .badge, .ticket-actions .btn) :is(span, .icon) {
  color: inherit;
}
body[data-page="tickets.html"] .ticket-row .ticket-actions .btn .icon {
  stroke: currentColor;
}

/* Text links stay green on their white background, not white-on-white. */
body[data-page="tickets.html"] .ticket-row .ticket-actions > a:not(.btn) {
  color: #08751C;
}
body[data-page="tickets.html"] .ticket-row .ticket-actions > a:not(.btn):is(:hover, :focus-visible) {
  color: #10BA26;
}

/* Keep the light striped Ode composition, now in light green. */
body[data-page="tickets.html"] .ticket-thumb .poster-ode {
  background: linear-gradient(135deg, #EFFAF1 0%, #D8F5DF 55%, #B5E9BE 100%);
  color: #0A3818;
}
body[data-page="tickets.html"] .ticket-thumb .poster-ode::before {
  background: repeating-linear-gradient(90deg, transparent 0 22px, rgba(16, 186, 38, .18) 22px 27px);
}

/* Keep the darker Business composition and rings, without purple accents. */
body[data-page="tickets.html"] .ticket-thumb .poster-business {
  background:
    radial-gradient(circle at 75% 18%, rgba(255, 255, 255, .12), transparent 22%),
    linear-gradient(135deg, #082611 0%, #0A3818 45%, #10BA26 100%);
  color: #FFFFFF;
}
body[data-page="tickets.html"] .ticket-thumb .poster-business::before {
  border-color: rgba(185, 242, 196, .34);
}
body[data-page="tickets.html"] .ticket-thumb .poster-business::after {
  border-color: rgba(16, 186, 38, .42);
}