/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2025-12-09T03:19:52+00:00 */

.wa-thank-you {
  max-width: 1034px;
  width: 100%;
  color: var(--base);
}
.wa-thank-you-section {
  padding-bottom: var(--section-space-l);
}
.ism-reservation-received {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.ism-reservation-received-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-s);
  text-align: center;
}
.ism-reservation-received-header h2 {
  font-size: calc(var(--text-xxl) * 1.2);
}
.ism-reservation-received-header p {
  width: 80%;
}
.ism-reservation-received-header button {
  background-color: transparent;
}
.ism-reservation-received-header button a {
  text-transform: uppercase;
  text-wrap: nowrap;
  transition: all 0.2s ease-in-out;
  border: 2px solid;
  font-weight: 800;
  overflow: hidden;
  position: relative;
  width: fit-content;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: var(--space-xs);
  z-index: 10;
  border-radius: var(--radius-xl);
  font-size: calc(var(--text-m) * 1.2);
  padding-inline: var(--space-l);
  padding-block: calc(var(--space-xs) * 1.3);
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.ism-reservation-received-header button a:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}
.ism-reservation-received-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.ism-reservation-received-body h3 {
  font-size: var(--text-xl);
}
.ism-reservation-received .ism-warehouse, .ism-reservation-received .ism-terms {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
.ism-reservation-received .ism-warehouse-data, .ism-reservation-received .ism-terms-data {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: 100%;
}
.ism-reservation-received .ism-warehouse-data > span, .ism-reservation-received .ism-terms-data > span {
  padding-block: var(--space-xs);
  border-bottom: 2px solid var(--base-ultra-light);
}
.ism-reservation-received .ism-warehouse-data > span:nth-child(1), .ism-reservation-received .ism-terms-data > span:nth-child(1) {
  padding-top: 0;
}
.ism-reservation-received .ism-warehouse-data > span:nth-child(2), .ism-reservation-received .ism-terms-data > span:nth-child(2) {
  padding-top: 0;
}
.ism-reservation-received .ism-warehouse-data > span:nth-child(2n+1), .ism-reservation-received .ism-terms-data > span:nth-child(2n+1) {
  font-weight: 700;
}
.ism-reservation-received .ism-warehouse-data > span:nth-child(2n), .ism-reservation-received .ism-terms-data > span:nth-child(2n) {
  text-align: right;
}
.ism-reservation-received .ism-warehouse-data > span:nth-last-child(1), .ism-reservation-received .ism-terms-data > span:nth-last-child(1) {
  border-bottom: none;
}
.ism-reservation-received .ism-warehouse-data > span:nth-last-child(2), .ism-reservation-received .ism-terms-data > span:nth-last-child(2) {
  border-bottom: none;
}
.ism-reservation-received .ism-customer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: 100%;
  gap: var(--space-l);
}
.ism-reservation-received .ism-customer-billing, .ism-reservation-received .ism-customer-contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  border: 2px solid var(--base-ultra-light);
  border-radius: var(--radius-xl);
  padding: var(--space-l);
}
.ism-reservation-received .ism-customer-billing-data, .ism-reservation-received .ism-customer-contact-data {
  display: flex;
  flex-direction: column;
}
.ism-reservation-received .ism-termination {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  margin-top: var(--space-m);
}
.ism-reservation-received .ism-termination-data {
  border-radius: var(--radius-xl);
  background-color: var(--action-ultra-light);
  padding: var(--space-l);
}
.ism-reservation-received .ism-termination-data-top {
  font-weight: 700;
}
.ism-thankyou {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-xl);
  max-width: 1034px;
  margin-left: auto;
  margin-right: auto;
}
.ism-thankyou.ism-bacs-payment-method {
  gap: var(--space-m);
}
@media (min-width: 991px) {
  .ism-thankyou-top {
    max-width: 80%;
  }
}
.ism-thankyou-top h2 {
  font-size: var(--text-xxl);
  margin-bottom: var(--space-s);
  text-align: center;
}
.ism-thankyou .ism-thankyou-message {
  text-align: center;
}
.ism-thankyou-bank-details {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  width: 100%;
}
.ism-thankyou-bank-details-header {
  font-weight: 700;
  font-size: var(--text-xl);
}
.ism-thankyou-bank-details-body {
  width: 100%;
}
.ism-thankyou-bank-details .ism-thankyou-row {
  padding-block: var(--space-s);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid var(--base-ultra-light);
}
.ism-thankyou-bank-details .ism-thankyou-row-label {
  font-weight: 700;
}
.ism-thankyou-bank-details .ism-thankyou-row:last-child {
  border-bottom: none !important;
}
.ism-thankyou-bank-details .woocommerce-bacs-bank-details {
  text-align: center;
}
.ism-thankyou .ism-thankyou-button {
  all: unset;
}
.ism-thankyou .ism-thankyou-button a {
  text-transform: uppercase;
  text-wrap: nowrap;
  transition: all 0.2s ease-in-out;
  border: 2px solid;
  font-weight: 800;
  overflow: hidden;
  position: relative;
  width: fit-content;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: var(--space-xs);
  z-index: 10;
  border-radius: var(--radius-xl);
  font-size: calc(var(--text-m)* 1.2);
  padding-inline: var(--space-l);
  padding-block: calc(var(--space-xs)* 1.3);
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.ism-thankyou .ism-thankyou-button a:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}
@media (max-width: 767px) {
  .ism-reservation-received-header p {
    width: 100%;
  }
  .ism-reservation-received .ism-customer {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ism-reservation-received .ism-customer-billing, .ism-reservation-received .ism-customer-contact {
    border-radius: var(--radius-l);
  }
  .ism-reservation-received .ism-termination-data {
    border-radius: var(--radius-l);
  }
}