/* =========================================================
   DAMIAN PHILPOTT — BOOKING BACKGROUND SCALE LOCK V1
   ---------------------------------------------------------
   DESKTOP VISUAL OVERRIDE ONLY.

   Purpose:
   - Keep the approved model/background artwork at the same
     visual scale on every Booknetic step.
   - Prevent taller steps (especially Payment & Review) from
     enlarging the background image.
   - Anchor the artwork to the top-left so the model does not
     drift vertically when the booking shell grows.

   Does NOT change:
   - Booknetic shell height
   - header/body/footer geometry
   - buttons
   - calendar/service/form/payment layouts
   - mobile
   - JavaScript / booking behaviour
   ========================================================= */

@media screen and (min-width: 1001px) {
    body:has(#booknetic_theme_8) main.main-row,
    body:has(#booknetic_theme_8) .main-row {
        /* Gradient still fills the entire row.
           Artwork height is based on viewport height instead of
           the current step's content height. This keeps the model
           visually consistent from Step 1 through Step 7. */
        background-position: center center, left top !important;
        background-size:
            100% 100%,
            auto clamp(560px, calc(100vh - 340px), 760px) !important;
    }
}