/* INSPIRE STUDIOS – 07-confirmation.css */
.csb-page .csb-success{text-align:center;margin:14px auto 22px}
.csb-page .csb-success-icon{margin:0 auto 14px;display:grid;place-items:center;font-size:33px;background:#ac8445;color:white;border-radius:50%;width:65px;height:65px}
.csb-page .csb-success h2{font-size:52px;margin-bottom:6px}



/* =========================================
   STEP 6 - BOOKING CONFIRMATION
   ========================================= */

/* INTRO DESCRIPTION */

.csb-page .csb-confirmation-panel .csb-confirmation-lead {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.75;
  color: #625b57;
  margin: 10px 0 25px;
}

/* CONFIRMATION DETAILS */

.csb-page .csb-confirmation-panel .csb-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.7;
}

/* LABELS */

.csb-page .csb-confirmation-panel .csb-row > span {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: #625b57;
}

/* BOOKING DETAILS ON THE RIGHT */

.csb-page .csb-confirmation-panel .csb-row > strong {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-align: right;
  color: #453936;
  overflow-wrap: anywhere;
}

/* REFERENCE NUMBER */

.csb-page .csb-confirmation-panel .csb-reference-row {
  background: #f9f0e7;
  border: 1px solid #e6d5bc;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 9px;
}

/* REFERENCE VALUE */

.csb-page .csb-confirmation-panel .csb-confirmation-reference {
  font-family: 'Cinzel', Georgia, serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #681220;
}

/* DEPOSIT AND BALANCE VALUES */

.csb-page .csb-confirmation-panel .csb-row > strong.csb-money {
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  font-variant-numeric: lining-nums;
  color: #681220;
}

/* =========================================
   BEFORE YOUR SESSION
   ========================================= */

.csb-page .csb-confirmation-panel .csb-confirmation-before {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  color: #681220;
  margin: 27px 0 12px;
}

/* INSTRUCTIONS */

.csb-page .csb-confirmation-panel .csb-confirmation-instructions {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.85;
  color: #625b57;
}

/* CLICKABLE WHATSAPP LINK */

.csb-page .csb-confirmation-panel .csb-confirmation-instructions a {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #781727;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.csb-page .csb-confirmation-panel .csb-confirmation-instructions a:hover {
  color: #aa3750;
}

/* =========================================
   DEMO INFORMATION
   ========================================= */

.csb-page .csb-confirmation-panel .csb-confirmation-preview-note {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.75;
  padding: 17px 19px;
  margin-top: 23px;
}

/* =========================================
   START ANOTHER BOOKING BUTTON
   ========================================= */

.csb-page .csb-confirmation-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 27px;
}

.csb-page .csb-confirmation-actions .csb-btn {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  padding: 15px 25px;
  min-height: 49px;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 660px) {

  .csb-page .csb-confirmation-panel .csb-row {
    gap: 12px;
    padding: 13px 0;
  }

  .csb-page .csb-confirmation-panel .csb-row > span {
    font-size: 13px;
  }

  .csb-page .csb-confirmation-panel .csb-row > strong {
    font-size: 13px;
  }

  .csb-page .csb-confirmation-panel .csb-confirmation-reference {
    font-size: 14px;
    letter-spacing: 0.2px;
  }

  .csb-page .csb-confirmation-panel .csb-row > strong.csb-money {
    font-size: 19px;
  }

  .csb-page .csb-confirmation-panel .csb-confirmation-before {
    font-size: 26px;
  }

  .csb-page .csb-confirmation-actions {
    justify-content: stretch;
  }

  .csb-page .csb-confirmation-actions .csb-btn {
    width: 100%;
    font-size: 14px;
  }
}