/* The booking page wears the spa's logo palette: bronze, its tints and shades */
.bk-body{background:var(--cream)}
.bk{
  --bk-primary:var(--bronze-deep);--bk-on-primary:var(--cream);--bk-fg:var(--ink);
  --bk-page:var(--cream);--bk-card:var(--white);--bk-muted:var(--sand);--bk-muted-fg:var(--soft);
  --bk-accent:var(--sand);--bk-border:var(--line);--bk-input:#cdb99a;--bk-danger:var(--bad);--bk-star:var(--bronze);
  --bk-ring:0 0 0 3px rgb(181 146 100 / .45);
  font-family:var(--font);font-size:15px;line-height:1.7;
}
.bk :where(h1,h2,h3){font-family:var(--font);font-weight:500}
.bk-title{font-size:clamp(22px,3vw,32px)}
.bk-summary__total--time{border-block-end:1px dashed var(--bk-border);padding-block-end:8px;margin-block-end:2px;color:var(--bk-muted-fg);font-size:14px}
.bk-times__day{margin-block:-4px 4px;font-size:17px;font-weight:600;color:var(--bronze-deep)}
.bk-times__day[hidden]{display:none}
/* plain text, so it never reads as one of the time buttons below it */
.bk-time-hint{margin-block:0 14px;padding:0;border:0;border-radius:0;background:none;font-size:14px;font-weight:400;color:var(--soft)}
.bk-time-hint[hidden]{display:none}

/* booking page: clear discounts and the gift icon */
.bk-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.bk-price__now{font-weight:500}
.bk-price__was{font-size:14px;text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--bk-muted-fg)}
.bk-price__save{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--bad);color:#fff;font-size:13px;font-weight:500}
.bk-price__now:has(+ .bk-price__was){color:var(--bad)}
.bk-gift{display:inline-flex;vertical-align:-3px;width:24px;height:24px;border-radius:50%;background:var(--sand);align-items:center;justify-content:center}
.bk-gift svg{width:15px;height:15px;fill:none;stroke:var(--bronze-deep);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* the review page uses the same palette */
.rv{--bk-primary:var(--bronze-deep);--bk-on-primary:var(--cream);--bk-page:var(--cream);--bk-card:var(--white);--bk-border:var(--line);--bk-fg:var(--ink);--bk-muted-fg:var(--soft)}
.rv-star__icon{color:var(--bronze)}
/* the chip bar is moved by the page (to keep the current category in view): snapping would push it a second
   time after each move, which shook on iPhone. Free sideways scrolling, and no smooth scrolling inside it. */
.bk-chips{scroll-snap-type:none;scroll-behavior:auto}
.bk-chip{scroll-snap-align:none}