/* Checkout and cart are focused money pages. On phones the fixed bottom nav is a
   bottom bar and the Nasi inbox bell (.nasi-ib) floats bottom-left, and both can
   sit over the primary button (Place Order / Proceed to Checkout). Scoped to the
   same phone layout (max-width:900px, where the nav is a bottom bar). Layout only:
   no colour is set here. */
@media (max-width: 900px) {

  /* Hide the bottom nav and the floating bell on these two pages so nothing
     overlays the primary button. Nobody needs the Discover tab or notifications
     mid-payment, and the top header still gives a way back. Precedent: the CV
     interview hides the bottom nav (body.nci-active). */
  body.woocommerce-checkout .nasi-bottom-nav,
  body.woocommerce-cart .nasi-bottom-nav,
  body.woocommerce-checkout .nasi-ib,
  body.woocommerce-cart .nasi-ib {
    display: none !important;
  }

  /* The nav reserves 82px of body padding-bottom site-wide. With it hidden here,
     hand that space back so there is no dead band beneath the page. */
  body.woocommerce-checkout.has-nasi-bottom-nav,
  body.woocommerce-cart.has-nasi-bottom-nav {
    padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
  }
}