@charset "UTF-8";
/* ──────────────────────────────────────────────────────────────────────────
   The booking form CSS is rendered by the centralised WebAPI backend
   (webapi/pk/bookform/generic/tpl-styles), which injects its own stylesheet across all sites.

   Brand colour: set --primary / --secondary in :root (css/style.css) and the
   backend form picks them up automatically.

   Use this file to update styles that are more unique to each site (sidebar summary differences between ECT and PHP sites)
 */
.booking-container h2, .booking-container h3 {
  color: var(--secondary);
}

.promoCode {
  margin: 2px;
}

.promo-field {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.promo-field input {
  margin: 2px 0;
}
.promo-field button {
  background-color: var(--secondary);
  margin: 2px 0;
  border-radius: 5px;
}
.promo-field .promoInput {
  width: 100%;
  height: 40px;
}

.promo-field-hide {
  display: none;
}

.promoEnterButton {
  height: auto;
  align-self: stretch;
}

.promoCodeApplied {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.promoCodeApplied .remove-promo {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  opacity: 0.7;
}
.promoCodeApplied .remove-promo:hover {
  opacity: 1;
}
.promoCodeApplied .remove-promo .material-icons {
  font-size: 16px;
}

.rightcol a.code-link {
  color: var(--secondary);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: underline !important;
  cursor: pointer;
}
.rightcol a.code-link:hover {
  color: #111;
}

/* Order-summary tweaks for FT's right-column markup (override / extend backend) */
.summary-container-padding {
  padding: 0 15px 15px 15px !important;
}

.booking-summary-container .booking-image {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.booking-summary-container h2 {
  font-size: 26px !important;
  margin-bottom: 10px !important;
}

.booking-summary-container .copyBookingForm {
  transform: scale(0.8);
}

.icons-summary-container {
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--secondary);
}

.summary-section .material-icons-outlined {
  color: var(--secondary) !important;
  font-size: 1.5rem;
}

.saved-price h4 {
  color: var(--secondary) !important;
  font-size: 1.1rem;
  font-weight: 700;
}

/* Review rating bubble (not shipped by the backend) */
.checkout-bubble {
  background-color: rgba(90, 129, 65, 0.1);
  border-radius: 20px;
  border: 1px solid var(--secondary);
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 3px 9px;
  color: var(--secondary);
  font-weight: 600;
  font-size: 14px;
}

.checkout-bubble .star-icon {
  color: orange;
}

.checkout-bubble .average-rating {
  font-weight: 700;
  margin: 0 6px;
}

/* Terms & conditions checkbox — matched to sailing-whitsundays sizing */
.booking-form .tac-agree, .form-booking .tac-agree {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 13px;
  border: 1px solid #999999;
  border-radius: 4px;
  cursor: pointer;
}
.booking-form .tac-agree[type=checkbox]:checked, .form-booking .tac-agree[type=checkbox]:checked {
  background: url(/images/check-active.png) no-repeat center center;
}

.terms-and-conditions-understand {
  line-height: 17px;
  font-size: 12px;
  padding: 14px 0 14px 4px;
  display: flex;
  align-items: center;
}

.payment-option .select-option-container {
  margin-left: 0;
  cursor: pointer;
}

.select-option-container > input[type=radio] {
  margin-right: 10px;
}

.apple-pay-redirect-note {
  margin-left: 20px;
}

.wallet-buttons-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.wallet-gate-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: not-allowed;
  background: rgba(245, 245, 245, 0.65);
}

/* ──────────────────────────────────────────────────────────────────────────
   Overwrite brand colours
   ────────────────────────────────────────────────────────────────────────── */
.booking-container .next-step-button,
.booking-container .book-now-button {
  background-color: var(--secondary);
}

.booking-container .stepNumber {
  background-color: var(--secondary);
}

.booking-container .step-title-container {
  color: var(--secondary);
}

.booking-container .extra-toggler h3,
.booking-container .extrasTitle {
  color: var(--secondary);
}

/*# sourceMappingURL=booking-form.css.map */