:root {
  --yellow: #F8D147FF;
  --orange: #ef9b4c;
  --violet: #514394;
  --red: #e44843;
  --blue: #034084;
  --black: #1e1e1c;
}

.gradient-bg {
  position: fixed;
  inset: 0;
  background-size: 100% 100%;
  background-position: 0px 0px,0px 0px,0px 0px,0px 0px;
  background-image: radial-gradient(40% 40% at 15% 0%, #03408496 0%, #03408400 100%),
  radial-gradient(80% 120% at 100% 30%, var(--black) 10%, #1E1E1C00 80%),
  radial-gradient(80% 70% at 90% 100%, var(--blue) 0%, #03408400 100%),
  radial-gradient(150% 110% at 0% 100%, var(--yellow) 0%, var(--orange) 10%, var(--red) 30%, var(--violet) 80%, var(--black) 95%);
  z-index: -30;
}

.main-menu-section {
  background-color: #141414;
  position: sticky;
  top: 0;
}

.footer-section {
  mix-blend-mode: normal;
}

.final-recap-wrapper {
  width: 46vw;
  margin-inline: 27vw;
  color: white;
  padding-top: max(2vw, 2vh);
  font-size: 150%;
}

.success-title {
  font-size: 140%;
  margin-bottom: 2rem;
}

.reservation-date {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}

.date-slot {
  color: black;
  margin-inline: max(0.6vw, 0.6vh);
  padding: 0.5% 1.2%;
  border-radius: min(0.4vw, 0.4vh);
  text-align: center;
  background-image: linear-gradient(0deg, rgb(143, 218, 127) 0%, rgb(173, 226, 161) 75%, rgb(162, 222, 148) 100%);
}

.recap-intro-title {
  margin-block: 3rem 2rem;
}

.receipt,
.reservation-recap {
  color: black;
  background-color: white;
  border-radius: min(0.8vh, 0.8vw);
  padding:2em;
  margin-bottom: 2.5rem;
}

.recap-title {
  margin-bottom: 1rem;
}

.extra-title {
  margin-top: 1rem;
}

.recap-wrapper {
  display: flex;
  justify-content: space-between;
  margin-left: 1rem;
}

.fees {
  color: rgb(145, 145, 145);
  font-style: italic;
}

.slot-duration {
  font-style: italic;
}

.extra-units {
  font-weight: bold;
}

.extra-units-price {
  font-style: italic;
  font-weight: 200;
}

.receipt {
  margin-bottom: 4.5rem;
}

.warning {
  font-size:85%;
  font-style:italic;
  color:#ef9b4c;
}

.promo,
.no-taxes-promo {
  padding-left: 1rem;
}

.promo {
  font-style: italic;
}

.no-taxes-promo {
  margin-bottom: 1rem;
}

.expiration-warning {
  margin-bottom: 4.5rem;
}

.team-zone56 {
  margin-bottom: 8rem;
}

.error-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc( 90vh - var(--menu-height));
  min-height: calc( 90dvh - var(--menu-height));
  color: white;
}

.error-img {
  width: max(18vw, 18vh);
  z-index: -10;
}

.error-msg {
  font-size: 200%;
  margin-top: 2rem;
  text-align: center;
}

@media (pointer: coarse) {
  .final-recap-wrapper {
    width: 100vw;
    padding-inline: 5%;
  }
  
  .reservation-date {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .date-slot {
    margin-block: 1rem;
    margin-inline: 0;
  }
}

.stripe-fees-warning {
  font-size: 0.8em;
  margin-bottom: 2em;
}

.cancel-disclaimer {
  margin-top: 1em;
}