.stageshow {
  font-family: "Montserrat", Sans-serif;
  font-size: 1em;
}

.stageshow h2 {
  font-family: "Heavitas Neue Light", Sans-serif;
  font-size: 1.5em;
}

.stageshow .stageshow-error {
  color: #cc0000;
}

.stageshow .stageshow-ok {
  color: #08a008;
}

.stageshow-selector-perfrow td {
  padding: 10px 0;
}

#stageshow-selector-table {
  margin-bottom: 40px;
}

.stageshow .stageshow-boxoffice td td {
  padding: 6px 10px 0 0;
}

.stageshow .stageshow-boxoffice td td:last-child {
  padding-right: 0;
}

.stageshow input {
  color: white;
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid;
  padding: 5px 10px;
}

.stageshow input[type="button"],
.stageshow input[type="submit"] {
  background-color: #f6a006;
  font-weight: bold;
  font-size: 15px;
  border: none;
  cursor: pointer;
}

.stageshow td.stageshow-boxoffice-available {
  text-align: right;
  display: none;
}

.stageshow .stageshow-boxoffice-seat-disabled {
  background-color: rgba(255, 255, 255, 0.5);
}

.stageshow .stageshow-boxoffice,
.stageshow .stageshow-trolley {
  margin: 0 -20px;
  overflow-x: auto;
}

/* .stageshow .stageshow-boxoffice > *:not(a) { */
/* display: inline-block; */
/* padding: 0 20px; */
/* width: unset;
  float: left; */
/* } */

.stageshow .stageshow-boxoffice > :not(a),
.stageshow .stageshow-trolley-table {
  border: 20px solid transparent;
  border-width: 0 20px;
  border-collapse: collapse;
}

.stageshow-boxoffice > *:not(table) {
  position: sticky;
  left: 0;
}

.stageshow .stageshow-trolley {
  border: none;
}

.stageshow .stageshow-trolley-buttons td {
  text-align: left;
}

.stageshow .stageshow-trolley-buttons td input {
  position: sticky;
  left: 20px;
}

.stageshow-boxoffice-table .stageshow-boxoffice-header > table {
  border-bottom: 1px solid #fff;
  font-weight: bold;
}

body:not(.wp-admin) .stageshow-boxoffice .stageshow-boxoffice-qty select {
  padding: 2px 6px;
  font-size: 18px;
  display: block;
  border-radius: 10px;
  text-align: right;
  font-family: "Montserrat", Sans-serif;
}

.stageshow-selector-perfrow .stageshow-selector-datetime,
.stageshow-boxoffice-table
  .stageshow-boxoffice-data
  .stageshow-boxoffice-datetime,
.stageshow-trolley-row .stageshow-trolley-datetime {
  word-spacing: 0.2em;
}

.stageshow-boxoffice-table
  .stageshow-boxoffice-data
  .stageshow-boxoffice-price::before {
  content: "€";
}

.stageshow-trolley .stageshow-trolley-table {
  border-collapse: collapse;
}

.stageshow .stageshow-trolley td {
  padding: 6px 10px 0 0;
}

.stageshow-trolley .stageshow-trolley-table .stageshow-trolley-titles {
  border-bottom: 1px solid #fff;
  font-weight: bold;
}

.stageshow-trolley .stageshow-trolley-titles .stageshow-trolley-seat {
  position: relative;
  font-size: 10px;
}

.stageshow-trolley .stageshow-trolley-titles .stageshow-trolley-seat::before {
  content: "Zitplaats";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  padding: 6px 10px 0 0;
  font-size: 18px;
}

.stageshow-admin
  .stageshow-trolley
  .stageshow-trolley-titles
  .stageshow-trolley-seat::before {
  display: none;
}

.stageshow-trolley .stageshow-trolley-row .stageshow-trolley-price::before,
.stageshow-trolley
  .stageshow-trolley-totalrow
  .stageshow-trolley-total::before {
  content: "€";
}

.stageshow .stageshow-trolley td {
  text-align: left;
}

.stageshow .stageshow-trolley .stageshow-trolley-remove {
  text-align: right;
}

.stageshow-trolley-table
  tr:not(:nth-last-child(1)):not(:nth-last-child(3))
  td:first-child {
  display: none;
}

.stageshow-trolley-table tr:nth-last-child(3) td:first-child {
  display: unset;
}

.stageshow-boxoffice-datetime {
  min-width: 64px;
}

.stageshow-boxoffice-type {
  min-width: 104px;
}

.stageshow-boxoffice-add {
  min-width: 114px;
}

.stageshow-discountcode-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#stageshow-trolley-discountcode-gap {
  display: none;
}

body:not(.logged-in):not(.wp-admin) .stageshow-discountcode {
  display: none;
}

.stageshow .stageshow-checkoutdetails .stageshow-checkoutdetails-value {
  padding-left: 10px;
}

.stageshow .stageshow-checkoutdetails .stageshow-checkoutdetails-value input{
  background: #fff;
  color: black;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
}

/* Dit verwijdert de lichtgrijze alternerende achtergrondkleur bij ARTBIJ */
.stageshow-boxoffice-layout > table:not(.has-background) tbody tr td {
  /*   background-color: transparent; */
}

/* Dit voorkomt een uitgerekt zaalplan en maakt centreren mogelijk */
/* (vooral storend omdat er te weinig .stageshow-boxoffice-width1 td elementen zijn bij het gebruik van een gangpad) */
.stageshow-boxoffice-layout > table {
  width: unset;
}

/* Dit centreert het zaalplan */
.stageshow-boxoffice-layout {
  display: flex;
}

.stageshow-boxoffice-layout table {
  margin: auto;
}

/* Dit maakt het zaalplan horizontaal scrollbaar op smalle schermen */
.stageshow-boxoffice-layout {
  overflow-x: auto;
  margin: 0 -20px;
}

.stageshow-boxoffice-layout > * {
  border: 20px solid transparent;
  border-width: 0 20px;
}

/* Dit voegt wat ruimte toe tussen het zaalplan en de knop om verder te gaan of de knoppen om het venster te sluiten */
.stageshow-boxoffice-layout {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Dit zorgt ervoor dat de achtergrond van zitjes zonder onderbreking doorloopt */
.stageshow-boxoffice-layout > table {
  border-collapse: collapse;
}

/* Dit doet de kleur van gereserveerde zitjes bij het thema passen */
.stageshow-boxoffice-layout div.stageshow-boxoffice-seat-reserved {
  background-color: #a3093b;
}

/* Deze aanpassingen maken het zaalplan wat groter */
.stageshow-boxoffice-layout .stageshow-boxoffice-seat {
  border: 1px #333 solid;
  border-radius: 5px;
  margin: 2px;
  width: 16px;
  height: 16px;
}

.stageshow-boxoffice-layout .stageshow-boxoffice-width1 {
  width: 16px;
}

.stageshow-boxoffice-layout .stageshow-boxoffice-height1 {
  height: 32px;
}

/* Dit geeft de zitjes een voorkant */
.stageshow-boxoffice-layout .stageshow-boxoffice-seat {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Ruimte rond de aantallen voor stoelselectie */
#stageshow-boxoffice-zoneSeatsBlock span {
  margin: 0 10px;
}

/* Dit zorgt voor een minimale breedte van het gangpad op een smal scherm */
.stageshow-boxoffice-space {
  min-width: 16px;
}

/* Podium Don Bosco */
.stageshow-boxoffice-header > div {
  position: relative;
  width: 110%;
  height: 200px;
  margin-bottom: 40px;
}

.stageshow-boxoffice-header > div::before {
  content: "";
  color: #fff;
  background: #555;
  position: absolute;
  width: 70%;
  height: 100%;
  left: 15%;
  vertical-align: middle;
}

.stageshow-boxoffice-header > div::after {
  content: "Podium";
  color: #fff;
  text-align: center;
  background: #555;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 50%;
}

/* Achtergrondkleur tribune (volgorde is belangrijk) */
.stageshow-boxoffice-layout
  tr:nth-of-type(n + 13):not(:nth-of-type(n + 15))
  td {
  background: #999;
}

.stageshow-boxoffice-layout tr:nth-of-type(12) td:not(:nth-of-type(n + 23)) {
  background: #888;
}

.stageshow-boxoffice-layout tr:nth-of-type(11) td {
  background: #777;
}

.stageshow-boxoffice-layout tr:nth-of-type(10) td {
  background: #666;
}

.stageshow-boxoffice-layout tr:nth-of-type(n + 8):not(:nth-of-type(n + 10)) td {
  background: #555;
}

.stageshow-boxoffice-layout tr:nth-of-type(n + 6):not(:nth-of-type(n + 8)) td,
.stageshow-boxoffice-layout tr:nth-of-type(8) td:nth-of-type(n + 10) {
  background: #444;
}

.stageshow-boxoffice-layout tr:nth-of-type(5) td:nth-of-type(n),
.stageshow-boxoffice-layout tr:nth-of-type(6) td:nth-of-type(n + 5) {
  background: #333;
}

.stageshow-boxoffice-layout
  tr:nth-of-type(5)
  td:nth-of-type(n + 11):not(:nth-of-type(n + 19)),
.stageshow-boxoffice-layout
  tr:nth-of-type(7)
  td:nth-of-type(n + 11):not(:nth-of-type(n + 19)) {
  background: #ffd700;
}

/* Dit voegt trapen toe */
.stageshow-boxoffice-space {
  position: relative;
}

tr:nth-child(4) td:nth-of-type(8) .stageshow-boxoffice-space::after,
tr:nth-child(6) td:nth-of-type(10) .stageshow-boxoffice-space::after,
tr:nth-child(n + 8):not(:nth-of-type(n + 13))
  td:nth-of-type(10)
  .stageshow-boxoffice-space::after {
  content: "III";
  content: "III" / "trap";
  transform: rotate(-90deg);
  display: block;
  position: absolute;
  bottom: -8px;
  width: 100%;
}

@media (min-width: 480px) {
  tr .stageshow-boxoffice-space::after {
    max-width: 32px;
  }
}

/* Dit voegt een legende toe */
.stageshow-boxoffice-footer::before {
  content: "Goud = VIP-zone";
  color: #fff;
  display: block;
  width: 116%;
}

.stageshow-boxoffice-footer > div {
  display: none;
}

.stageshow-boxoffice-layout table {
  counter-reset: rij;
}

.stageshow-boxoffice-layout
  tr:nth-of-type(n + 3):not(:nth-of-type(n + 15))
  td:nth-of-type(1):after {
  counter-increment: rij 1;
  content: counter(rij, upper-latin);
  font-size: 0.8em;
  line-height: 32px;
}