/* ═══════════════════════════════════════════════════════════════
   BOOKING CONFIRMATION — PAGE-SPECIFIC STYLES
   Simple, centered success screen shown after "Submit Inquiry".
   No stepper, no extra cards — just heading, description, a small
   note, and one primary button, all built from existing tokens
   (colors, fonts, radii, shadows) already defined in style.css.
   ═══════════════════════════════════════════════════════════════ */
body.bi-page .en-navbar {
  position: relative;
  top: 0;
  left: auto;
  right: auto;
  background: #1E1E1E;
  border-radius: 0 0 28px 28px;
  padding: 18px var(--gutter) 18px;
  animation: none;
}

body.bi-page .en-nav-inner {
  backdrop-filter: none;
}

.bc-section {
  background: var(--cream-1);
  padding: 110px 0 140px;
  text-align: center;
}

.bc-icon-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 26px;
}

.bc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  color: var(--charcoal);
  background: linear-gradient(180deg, var(--gold-light), var(--gold));
  box-shadow: 0 20px 40px rgba(201, 167, 109, 0.35);
}

.bc-heading,
.bc-body,
.bc-note {
  margin-left: auto;
  margin-right: auto;
}

.bc-body { max-width: 560px; }

.bc-note {
  font-family: 'Mulish', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 14.5px;
  color: var(--mid-gray);
  margin-top: -6px;
  margin-bottom: 40px;
}

.bc-actions {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  .bc-section { padding: 110px 0 90px; }
  .bc-icon { width: 64px; height: 64px; }
}