/* Be Beach step pages: Dubai Table audit fixes (23 Oct 2026) — see bb-fixes.js. Black / platinum, no new fonts. */

/* step 1: guests stepper (+ the desktop request button) under the flyers */
.bb-party{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;box-sizing:border-box;padding:10px 12px 10px 18px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(214,216,220,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-family:Manrope,system-ui,sans-serif;color:#f3f2ef}
.bb-party-l{font:700 11px/1 Manrope,system-ui,sans-serif;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:rgba(214,216,220,.75)}
.bb-step{display:flex;align-items:center;gap:12px}
.bb-step button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;border:0;font:700 19px/1 Manrope,system-ui,sans-serif;cursor:pointer;background:#0b0b0c;color:#f3f2ef;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.bb-step button.pl{background:linear-gradient(180deg,#f4f5f6,#c8cbd0);color:#0d0d0f;box-shadow:none}
.bb-step button:disabled{opacity:.35;cursor:default}
.bb-step b{min-width:92px;text-align:center;font:800 16px/1 Manrope,system-ui,sans-serif;color:#f3f4f5}

/* desktop: the row under the cube (the cube shrinks a little so the flyer, arrows, guests and button share one screen) */
html.p3-steps .p3s .p3s-cube{--w:min(calc((100dvh - var(--rz-nav,88px) - 330px) / var(--p3-cube-r,1.25)),600px,max(220px,calc(100vw - 470px)))!important;gap:18px!important}
html.p3-steps .p3s .p3s-cube>.bb-s1{display:flex!important;align-items:stretch;gap:12px;width:min(100%,max(var(--w),420px))}
.bb-s1 .bb-party{flex:1 1 auto}
.bb-go{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;min-height:56px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffffff,#d9dcdf);color:#0d0d0f;
  font:800 14px/1 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-indent:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.bb-go:hover{filter:brightness(1.04)}

/* phone: stepper sits between the flyer and the request button */
html.p3-mob .p3m-cube{--w:min(calc((100dvh - var(--rz-nav,62px) - 300px) / 1.25),82vw)!important}
html.p3-mob .p3m-p1>.bb-party{flex:0 0 auto;padding:8px 10px 8px 16px}
html.p3-mob .p3m-p1{gap:12px!important}

/* the fit note (QW4): one short line, never a block */
.bb-fit{display:block;margin:6px 0 0;font:500 12.5px/1.45 Manrope,system-ui,sans-serif;font-style:normal;color:rgba(214,216,220,.85);letter-spacing:0;text-transform:none}
.bb-fit[hidden]{display:none!important}
#summary .bb-fit{margin:0 0 10px;padding:9px 12px;border-radius:10px;border:1px dashed rgba(214,216,220,.25)}
.p3m-sheet .ct .bb-fit{font-size:11.5px;margin-top:4px;color:rgba(214,216,220,.8)}

/* QW14: Good to know, gallery and footer under step 1 */
html.p3-steps .p3s-pane.bb-scroll[data-s="1"]{display:block!important;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
html.p3-steps .p3s-pane.bb-scroll[data-s="1"][hidden]{display:none!important}
html.p3-steps .p3s .p3s-pane.bb-scroll .p3s-cube{box-sizing:border-box}
html.p3-mob .p3m-pane.bb-scroll[data-s="1"]{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:block!important}
html.p3-mob .p3m-pane.bb-scroll[data-s="1"]>.p3m-p1{box-sizing:border-box}
.bb-more{margin:28px 0 0;padding:0;color:#f3f2ef}
.bb-more-h{padding:26px 6px 6px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.bb-h1{margin:0;font:800 20px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;font-style:normal;color:#f3f4f5}
.bb-h1-rail{margin:0;font:inherit;font-style:normal}
.bb-more #faq,.bb-more #gallery,.bb-more footer{visibility:visible!important;opacity:1!important}
.bb-more #faq{border-radius:18px;overflow:hidden;margin:0 0 20px;background:#141416!important}
.bb-more #gallery{border-radius:18px;overflow:hidden;margin:0 0 20px}
.bb-more footer.site-foot{border-radius:18px;margin:0;background:#141416!important}
/* black / platinum on the step pages: no warm cream headings */
.bb-more #faq .script,.bb-more #faq h2,.bb-more .site-foot h4{color:#d6d8dc!important}
.bb-more #faq h2{color:#f3f4f5!important}
html.p3-mob .bb-more #faq,html.p3-mob .bb-more #gallery,html.p3-mob .bb-more footer{border-radius:14px}
.bb-more .rv{opacity:1!important;transform:none!important}
/* phone sheet: the minimum + fee line may wrap rather than be cut off */
.p3m-sheet .ct .ms{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}