/* Aura — booking page. Loaded after page.css (shares the hero/close styling). */

.bk-hero-meta{margin-top:24px}
.bk-hero-meta a{color:var(--gold-lt);text-decoration:none}

.bk-main{background:var(--ivory);padding:80px 0 92px}
.bk-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:clamp(24px,3.4vw,48px);
  max-width:var(--maxw);margin:0 auto;align-items:start}

/* ---- booking panel ---- */
.bk-panel{background:#fff;border:1px solid rgba(43,30,23,.1);border-radius:10px;
  padding:clamp(24px,3vw,40px);box-shadow:0 18px 50px rgba(43,30,23,.06)}
.bk-panel-head{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid rgba(43,30,23,.1)}
.bk-panel-head .eyebrow{display:block;margin-bottom:10px;color:var(--gold-dk)}
.bk-panel-head h2{margin:0;font-size:clamp(26px,3vw,38px)}

/* the vendor widget lands here; keep a sensible min height so the card never
   collapses while the remote script boots */
.bk-embed{min-height:420px;position:relative}
.bk-embed iframe{width:100%;border:0;display:block;min-height:420px}

.bk-loading{display:flex;align-items:center;gap:12px;padding:26px 0;
  font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted)}
.bk-spin{width:15px;height:15px;flex:none;border:2px solid rgba(191,161,95,.3);
  border-top-color:var(--gold);border-radius:50%;animation:bkSpin .8s linear infinite}
@keyframes bkSpin{to{transform:rotate(360deg)}}

.bk-notice{padding:6px 0 4px;color:var(--body)}
.bk-notice p{margin:0 0 .6em}
.bk-notice p:last-child{margin-bottom:0}
.bk-admin-note{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--gold);
  background:rgba(191,161,95,.08);font-size:14px;line-height:1.6;color:var(--body)}

/* fallback: always present, revealed if the widget never renders */
.bk-fallback{margin-top:28px;padding-top:24px;border-top:1px solid rgba(43,30,23,.1)}
.bk-fallback[hidden]{display:none}
.bk-fallback-lead{margin:0 0 16px;font-family:var(--display);font-size:clamp(19px,2.1vw,24px);color:var(--ink)}
.bk-fallback .cta{display:flex;flex-wrap:wrap;gap:12px}

/* ---- side column ---- */
.bk-side{display:flex;flex-direction:column;gap:16px}
.bk-card{background:var(--cream);border:1px solid rgba(43,30,23,.08);border-radius:10px;padding:26px 24px}
.bk-card .eyebrow{display:block;margin-bottom:16px;color:var(--gold-dk)}
.bk-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.bk-facts li{display:flex;flex-direction:column;gap:3px}
.bk-fact-k{font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.bk-fact-v{font-size:15.5px;line-height:1.5;color:var(--ink)}
.bk-fact-v a{color:var(--mocha);text-decoration:none}
.bk-fact-v a:hover{color:var(--gold-dk)}

.bk-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.bk-steps li{display:flex;gap:14px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--body)}
.bk-step-n{flex:none;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;
  color:var(--gold-dk);padding-top:3px}

.bk-chips{display:flex;flex-wrap:wrap;gap:8px}
.bk-chips span{font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;color:var(--gold-dk);border:1px solid rgba(191,161,95,.45);border-radius:100px;
  padding:8px 14px}

/* page's own leftover copy */
.bk-copy{background:var(--cream);padding:64px 0}

@media (max-width:900px){
  .bk-grid{grid-template-columns:1fr}
  .bk-side{order:2}
}
@media (max-width:640px){
  .bk-main{padding:56px 0 64px}
  .bk-embed,.bk-embed iframe{min-height:520px}
}
@media (prefers-reduced-motion:reduce){
  .bk-spin{animation:none}
}