/* Recodet v71 — checkout mobile action bar rescue.
   The global Shop bottom bar uses z-index 12000 on mobile, while the checkout
   sticky action bar previously used 10010. That made Back / total / Continue
   sit behind the navigation bar and appear missing. */

#viewCheckout .checkoutStickyBar {
  z-index: 13050 !important;
}

/* Keep enough scroll room for the fixed checkout actions. */
#viewCheckout.checkoutFlow,
#viewCheckout .checkoutFlow {
  padding-bottom: max(112px, calc(96px + env(safe-area-inset-bottom))) !important;
}

/* Modern browsers: while Checkout is visible, the checkout action bar is the
   primary navigation, so prevent the normal Shop dock from competing for taps. */
body:has(#viewCheckout:not(.hidden)) #bottomBar,
body:has(#viewCheckout:not(.hidden)) #quickModuleDock {
  pointer-events: none !important;
}

@media (max-width: 900px) {
  #viewCheckout .checkoutStickyBar {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }
}
