/* ═══════════════════════════════════════════
   WV Header (non-frozen)
   ───────────────────────────────────────────
   Per-feature overrides and additions for the global site header
   that can't go in the frozen wv-components.css layer.
   ═══════════════════════════════════════════ */

/* Cart-icon wrapper.
   The cart button (.wv-header-icon--cart) is 44×44 at mobile for the
   touch-target rule, but the inner SVG is only 22×22. The cart count
   badge is absolutely-positioned with top:-6px/right:-8px in the
   frozen layer — anchored to the button bounds, it ends up ~17px
   above the SVG top on mobile (visually "too high"). Wrapping the
   SVG + badge in this span makes the SPAN the position:relative
   anchor (sized to the SVG itself), so the badge sits 6px above the
   SVG on every viewport. */
.wv-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}