/* ============================================================
   SV FILTERS — cart drawer layout tweaks (Victor-approved proposal, 2026-07-09)
   Pure CSS re-layout of the THEME's cart drawer (inc/sv-cart.php markup, no
   theme edits): the free-shipping bar, Mix & Match rail and the note box stay
   pinned at the top; the product list becomes its own scrolling region that
   flows and grows beneath them; totals footer stays pinned (theme's own).

   Desktop-first per Victor: mobile-specific cart treatment is deferred — he
   will direct those changes separately (as he did on Shopify).
   ============================================================ */

/* The theme's .sv-cart__scroll scrolls everything as one block — turn it into
   a column whose ONLY scrolling child is the items list. */
.sv-cart__panel .sv-cart__scroll {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
  padding-bottom: 0;
}

/* Pinned at the top: shipping bar → deal rail. */
.sv-cart__scroll > .sv-fs { order: 1; flex: 0 0 auto; }
.sv-cart__scroll > .sv-mm { order: 2; flex: 0 0 auto; }

/* The note box is pinned BELOW the scrolling products, connected to the
   totals block underneath it (Victor's correction, 2026-07-09). */
.sv-cart__scroll > .sv-cart__note {
  order: 5;
  flex: 0 0 auto;
  margin: 10px 0 4px;
}

/* The products flow down and scroll on their own. */
.sv-cart__scroll > .sv-cart__items {
  order: 4;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 14px;
  padding-right: 4px;
  scrollbar-width: thin;
}
.sv-cart__scroll > .sv-cart__items::-webkit-scrollbar { width: 7px; }
.sv-cart__scroll > .sv-cart__items::-webkit-scrollbar-thumb {
  background: var(--sv-border, rgba(21, 35, 63, .18));
  border-radius: 99px;
}

/* Empty-cart message keeps its place. */
.sv-cart__scroll > .sv-cart__empty { order: 4; }