/* ============================================================
   Divyāya — Booking page skin (book.css)
   Enqueued by divyaya-shell.php on is_page(79). Builds on divyaya.css.
   ============================================================ */

.bk-hero-cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-top:2.1rem}

/* ---- consultation cards ---- */
.bk-grid{gap:1.2rem}
.bk-card{padding:2rem 1.7rem 1.7rem}
.bk-card h3{font-size:1.28rem;margin-bottom:.5rem}
.bk-card p{font-size:.96rem;color:var(--muted);line-height:1.6;flex:1}
.bk-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.1rem 0 1.1rem;padding-top:1.1rem;border-top:1px solid var(--line-2)}
.bk-dur{display:inline-flex;align-items:center;gap:.42rem;font-size:.85rem;color:var(--muted);font-weight:500}
.bk-dur svg{width:15px;height:15px;color:var(--gold)}
.bk-price{font-family:"Marcellus",serif;font-size:1.4rem;color:var(--emerald);line-height:1}
.bk-price.free{color:var(--gold)}
.bk-card .btn-ghost{margin-top:auto}
.bk-card-free{background:linear-gradient(180deg,#fff,var(--ivory-2))}
.bk-card-free::before{opacity:1}

/* ---- rituals & ceremonies band ---- */
.bk-ceremonies{background:linear-gradient(155deg,var(--emerald-deep),var(--emerald-ink));color:var(--ivory);padding-block:clamp(3.5rem,7vw,5.5rem);position:relative;overflow:hidden}
.bk-ceremonies::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 80% 28%,rgba(216,172,62,.07) 0deg 1deg,transparent 1deg 8deg);-webkit-mask:radial-gradient(circle at 80% 28%,#000,transparent 60%);mask:radial-gradient(circle at 80% 28%,#000,transparent 60%);pointer-events:none}
.bk-cer-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.bk-cer-text .eyebrow{color:var(--gold-2)}
.bk-cer-text h2{font-size:var(--fs-h2);color:#fff;margin:.9rem 0 1rem}
.bk-cer-text p{color:rgba(250,245,233,.82);font-size:1.05rem;line-height:1.75}
.bk-cer-note{margin-top:1rem}
.bk-cer-note strong{color:var(--gold-2);font-weight:600}
.bk-cer-cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.9rem}
.bk-cer-cta .btn-ghost{color:var(--gold-2)}
.bk-cer-cta .btn-ghost:hover{color:#fff}
.bk-cer-list{list-style:none;display:grid;gap:.8rem;background:rgba(255,255,255,.045);border:1px solid rgba(216,172,62,.28);border-radius:var(--radius-lg);padding:1.9rem}
.bk-cer-list li{display:flex;align-items:flex-start;gap:.7rem;color:rgba(250,245,233,.92);font-size:.98rem;line-height:1.5}
.bk-cer-list svg{width:19px;height:19px;color:var(--gold-2);flex:none;margin-top:1px}

/* ---- form header ---- */
.bk-form-head{padding-block:clamp(3rem,6vw,4.5rem) .5rem}
.bk-form-title{font-size:var(--fs-h2);color:var(--emerald-deep);margin:.9rem 0 .8rem}
.bk-form-sub{color:var(--muted);max-width:52ch;margin:0 auto;font-size:1.05rem;line-height:1.7}

/* ---- trust band ---- */
.bk-trust{background:var(--ivory-2);border-block:1px solid var(--line);padding-block:clamp(2.8rem,5vw,4rem)}
.bk-trust-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.6rem}
.bk-trust-grid li{text-align:center}
.bk-trust-ic{width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid var(--gold-2);display:inline-flex;align-items:center;justify-content:center;color:var(--emerald);margin-bottom:1rem;box-shadow:0 12px 26px -16px rgba(176,133,26,.85)}
.bk-trust-ic svg{width:26px;height:26px}
.bk-trust-grid h4{font-size:1.1rem;color:var(--emerald-deep);margin-bottom:.3rem}
.bk-trust-grid p{font-size:.9rem;color:var(--muted);line-height:1.55}

/* ---- faq ---- */
.bk-faq{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}
.bk-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0 1.4rem;transition:border-color .3s,box-shadow .3s}
.bk-faq details[open]{border-color:var(--gold-2);box-shadow:0 18px 44px -30px rgba(18,61,44,.5)}
.bk-faq summary{list-style:none;cursor:pointer;padding:1.15rem 0;font-family:"Marcellus",serif;font-size:1.1rem;color:var(--emerald-deep);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.bk-faq summary::-webkit-details-marker{display:none}
.bk-faq-x{position:relative;width:16px;height:16px;flex:none}
.bk-faq-x::before,.bk-faq-x::after{content:"";position:absolute;background:var(--gold);border-radius:2px;transition:transform .3s,opacity .3s}
.bk-faq-x::before{top:7px;left:0;width:16px;height:2px}
.bk-faq-x::after{left:7px;top:0;width:2px;height:16px}
.bk-faq details[open] .bk-faq-x::after{transform:rotate(90deg);opacity:0}
.bk-faq details p{color:var(--muted);line-height:1.75;padding:0 0 1.3rem;font-size:.98rem}
.bk-faq details p strong{color:var(--emerald-deep)}
.bk-faq-foot{text-align:center;margin-top:2.4rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}
.bk-faq-foot p{color:var(--muted)}

/* ============================================================
   Amelia booking form — Divyāya skin
   ============================================================ */
.amelia-app-booking{max-width:780px;margin:0 auto;font-family:"Instrument Sans",system-ui,sans-serif !important;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.4rem,3vw,2.6rem);box-shadow:0 34px 70px -46px rgba(18,61,44,.45)}
.amelia-app-booking h1,.amelia-app-booking h2,.amelia-app-booking h3,.amelia-app-booking .am-fs__title,.amelia-app-booking .amelia-service-name{font-family:"Marcellus",serif !important;color:var(--emerald-deep) !important}
/* primary buttons -> emerald */
.amelia-app-booking .el-button--primary,.amelia-app-booking button.am-button--primary,.amelia-app-booking .amelia-button-green{background:var(--emerald) !important;border-color:var(--emerald) !important;color:#fff !important;border-radius:999px !important}
.amelia-app-booking .el-button--primary:hover,.amelia-app-booking button.am-button--primary:hover{background:var(--emerald-deep) !important;border-color:var(--emerald-deep) !important}
/* inputs / selects */
.amelia-app-booking .el-input__inner,.amelia-app-booking .el-textarea__inner{border-radius:10px !important;border-color:var(--line) !important}
.amelia-app-booking .el-input__inner:focus,.amelia-app-booking .el-textarea__inner:focus{border-color:var(--emerald) !important}
/* calendar selected day -> emerald */
.amelia-app-booking .el-date-table td.current:not(.disabled) span,.amelia-app-booking .el-picker-panel__icon-btn:hover{background:var(--emerald) !important;color:#fff !important}
.amelia-app-booking .el-date-table td.available:hover span,.amelia-app-booking .el-date-table td.today span{color:var(--emerald) !important}
/* time-slot chips */
.amelia-app-booking .amelia-time-slot.selected,.amelia-app-booking .am-slot.selected{background:var(--emerald) !important;border-color:var(--emerald) !important;color:#fff !important}
/* Amelia's date/calendar panel ships a DEFAULT-BLUE gradient -> repaint emerald */
.amelia-app-booking .am-select-date,
.amelia-app-booking .am-select-date.am-show-calendar,
.amelia-app-booking [class*="am-"][class*="date"]{background-image:linear-gradient(135deg,var(--emerald),var(--emerald-deep)) !important}
.amelia-app-booking .am-fs-h,.amelia-app-booking .am-fs-h__step.am-active .am-fs-h__step-circle{background-image:linear-gradient(135deg,var(--emerald),var(--emerald-deep)) !important;background-color:var(--emerald) !important}
/* any lingering Amelia blue accents -> emerald */
.amelia-app-booking .am-selected,.amelia-app-booking .vue-datepicker .cell.selected,.amelia-app-booking .am-c-primary{background-color:var(--emerald) !important;border-color:var(--emerald) !important;color:#fff !important}

/* neutralise the browser-accent scrollbar inside the form */
.amelia-app-booking,.amelia-app-booking *{scrollbar-color:var(--gold-2) transparent;scrollbar-width:thin}
.amelia-app-booking::-webkit-scrollbar,.amelia-app-booking *::-webkit-scrollbar{width:8px;height:8px}
.amelia-app-booking::-webkit-scrollbar-thumb,.amelia-app-booking *::-webkit-scrollbar-thumb{background:var(--gold-2);border-radius:8px}
.amelia-app-booking::-webkit-scrollbar-track,.amelia-app-booking *::-webkit-scrollbar-track{background:transparent}

/* ---- responsive ---- */
@media(max-width:820px){
  .bk-cer-inner{grid-template-columns:1fr}
  .bk-steps{grid-template-columns:1fr !important;gap:2.6rem}
  .bk-steps::before{display:none}
  .step:not(:last-child)::after{display:none}
}