/* ==========================================================================
   Booking popup — WMC Base
   Compatible with: Chope (default) and Now Book It (Mama San)
   Trigger: any element with [data-book-open] or class .wmc-book-trigger
   ========================================================================== */

/* --------------------------------------------------------------------------
   Backdrop
   -------------------------------------------------------------------------- */
.wmc-book-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.55); opacity:0; transition:opacity .25s ease; z-index:999998; }
.wmc-book-backdrop.is-open { opacity:1; }

/* --------------------------------------------------------------------------
   Panel
   -------------------------------------------------------------------------- */
.wmc-book-panel { position:fixed; inset:0; display:none; z-index:999999; }
.wmc-book-panel.is-open { display:block; }
.wmc-book-inner { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:18px; }
.wmc-book-shell { position:relative; width:min(980px,94vw); background:#fff; border:1px solid rgba(0,0,0,.10); border-radius:10px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.20); }

/* --------------------------------------------------------------------------
   Shell header
   -------------------------------------------------------------------------- */
.wmc-book-shell .wmc-booking-header { margin:0; padding:16px 18px; border-bottom:1px solid rgba(0,0,0,.08); font:400 clamp(1.375rem,1.1rem + 1vw,2.125rem)/1.15 var(--ff-body); color:var(--brand); letter-spacing:.01em; }

/* --------------------------------------------------------------------------
   iFrame wrapper
   -------------------------------------------------------------------------- */
.wmc-book-framewrap { background:#fff; padding:0; }
.wmc-book-iframe { display:block; width:100%; height:710px; border:0; }

/* --------------------------------------------------------------------------
   Close button
   -------------------------------------------------------------------------- */
.wmc-book-close { position:absolute; top:14px; right:14px; width:42px; height:42px; border-radius:10px; border:1px solid rgba(0,0,0,.14); background:#fff; color:var(--ink); font:700 22px/1 var(--ff-body); cursor:pointer; z-index:10; display:flex; align-items:center; justify-content:center; transition:background .12s ease; }
.wmc-book-close:hover { background:rgba(0,0,0,.04); }
.wmc-book-close:focus-visible { outline:3px solid var(--brand); outline-offset:2px; }

/* --------------------------------------------------------------------------
   Tablet
   -------------------------------------------------------------------------- */
@media (max-width:980px) {
  .wmc-book-inner { padding:12px; align-items:flex-start; }
  .wmc-book-shell { width:100%; border-radius:10px; margin-top:56px; }
  .wmc-book-iframe { height:720px; }
}

/* --------------------------------------------------------------------------
   Mobile — full-screen
   -------------------------------------------------------------------------- */
@media (max-width:640px) {
  .wmc-book-inner { padding:0; align-items:stretch; justify-content:stretch; }
  .wmc-book-shell { width:100vw; height:100dvh; margin-top:0; border-radius:0; border:0; display:flex; flex-direction:column; }
  .wmc-book-shell .wmc-booking-header { padding:14px; flex:0 0 auto; }
  .wmc-book-framewrap { flex:1 1 auto; min-height:0; }
  .wmc-book-iframe { height:100%; min-height:0; }
  .wmc-book-close { top:8px; right:10px; width:40px; height:40px; border-radius:5px; }
}

/* --------------------------------------------------------------------------
   Floating CTAs — Order Online (left) + Book Now (right)
   Hidden everywhere, revealed on mobile only.
   -------------------------------------------------------------------------- */
#wmc-floating-order-btn,
#wmc-floating-book-btn { position:fixed !important; display:none !important; bottom:16px; z-index:99997; padding:12px 18px; border-radius:5px; font:700 .9rem/1 var(--ff-body); text-decoration:none !important; box-shadow:0 6px 20px rgba(0,0,0,.20); white-space:nowrap; }

#wmc-floating-order-btn { left:16px; }
#wmc-floating-book-btn  { right:16px; }

@media (max-width:767px) {
  #wmc-floating-order-btn,
  #wmc-floating-book-btn { display:inline-flex !important; }
}

/* Hide when booking panel is open */
body.wmc-no-scroll #wmc-floating-order-btn,
body.wmc-no-scroll #wmc-floating-book-btn { display:none !important; }

/* --------------------------------------------------------------------------
   Now Book It variant (Mama San — add body class .is-nowbookit to activate)
   Now Book It iframes typically need more height. Adjust per widget config.
   -------------------------------------------------------------------------- */
.is-nowbookit .wmc-book-iframe { height:760px; }
@media (max-width:640px) {
  .is-nowbookit .wmc-book-iframe { height:100%; }
}