/* =========================================================================
   CBD (v32) — inner-page theme colours
   The shared inner pages (menu / cart / profile / checkout …) fall back to the
   base metropolis inner layout, which colours every button, link and active
   state from --primary/secondary/tertiary-theme-color. Those come from the
   restaurant's admin theme_settings (the default olive-green in the screenshot).
   This file re-points those variables to the CBD palette so the inner-page
   buttons & links match the theme — the same idea v30 uses to theme its inner
   pages. Registered on every inner page by top-bar-inner-page.php.

   !important is required: the base inner layout defines these variables in an
   inline <style> that appears AFTER our linked stylesheet in the <head>, so a
   plain declaration would lose the cascade — !important wins regardless of order.
   ========================================================================= */
:root {
  --primary-theme-color:   #EE4A3A !important;  /* CBD red   — buttons, active tabs, links, borders */
  --secondary-theme-color: #25160F !important;  /* CBD dark  — button hover-slide / accents */
  --tertiary-theme-color:  #FFAF34 !important;  /* CBD amber — secondary accents */
}
.menuPageContent .fixedCenterScroll .menuSection {
    top: 70px;
}
@media (max-width: 1199px) {
    .menuPageContent .fixedCenterScroll .menuSection {
        position: sticky !important;
    }
    .menuPageContent .fixedCenterScroll .menuSection {
        top: 106px !important;
    }
    .topLinksSwiper {
        top: 64px !important;
    }
}
.sideLinesDivider {
   padding: 0px;
}

@media (max-width: 767px) {
    .customFixBar form[data-ajax-form="addToCartProductChoice"] {
        max-height: none !important;
    }
}
/* Desktop: the CBD header is ~46px taller than v30's, but the customisation
   scroller is sized as 100vh - 230px, so the form ran past the viewport and the
   whole page scrolled instead of the options list. Take the extra header height
   off so the list fits the screen and scrolls on its own, like v30. */
@media (min-width: 768px) {
    .menuProductInner,
    .customFixBar.editviewPage .menuProductInner {
        height: calc(100vh - 276px);
    }
}