/* ============================================================
   San Hejmo Festival 2026 – Custom CSS für TicketPAY Shop
   ============================================================ */


/* ----------------------------------------------------------
   1. FARBE DES "EINLÖSEN"-BUTTONS → #FFA6B6
   Der Button hat die Klasse: .btn-brand
   ---------------------------------------------------------- */

.btn-brand {
  background-color: #FFA6B6 !important;
  border-color: #FFA6B6 !important;
  color: #fff !important;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active {
  background-color: #ff8ca0 !important;
  border-color: #ff8ca0 !important;
  color: #fff !important;
}


/* ----------------------------------------------------------
   2. FREISCHALTCODE-BLOCK UMPOSITIONIEREN
   Ziel: unterhalb der Informationsbox, oberhalb der Tickets.

   Das Coupon-Feld (#redeem_coupon) sitzt in einem .col-md-6.
   Wir nutzen den CSS :has()-Selektor, um diesen Block gezielt
   zu greifen und per flexbox order umzusortieren.
   ---------------------------------------------------------- */

/* Den direkten Zeilen-Container zur Flex-Spalte machen,
   damit order funktioniert */
.container > .row,
.container-fluid > .row {
  display: flex !important;
  flex-direction: column !important;
}

/* Coupon-Block nach unten schieben (hohe order-Zahl = weiter hinten) */
.col-md-6:has(#redeem_coupon) {
  order: 50 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* Ticketlisten noch weiter nach hinten */
.article-group,
.ticket-group,
[id*="ticket"],
[class*="article-list"] {
  order: 100 !important;
}