.jog-cart-bag-wrap {display:flex;}
.jog-cart-bag-total {display:inline-flex; align-items:center; gap:8px; border:1px solid transparent; padding:0; background:transparent; color:inherit; font:inherit; cursor:pointer; line-height:1.2;}
.jog-cart-bag-price {white-space:nowrap;}
.jog-cart-bag-icon {display:inline-flex; align-items:center; justify-content:center; color:inherit;}
.jog-cart-bag-icon svg {width:24px; height:24px; fill:currentColor; display:block;}
.jog-cart-bag-total:focus-visible {outline:2px solid currentColor; outline-offset:3px;}

.jog-cart-bag-total, .jog-cart-bag-price, .jog-cart-bag-icon {transition-property:background-color,border-color,color; transition-duration:200ms; transition-timing-function:ease;}

/* Keep the supplied SVG and Elementor icons tied to the icon color controls. */
.jog-cart-bag-icon svg:not([fill="none"]) {fill:currentColor;}
.jog-cart-bag-icon i {color:inherit;}

/* Quantity counter (normal flow or pinned to the cart icon). */
.jog-cart-bag-count {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#00a8b5;color:#fff;font-family:inherit;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;flex-shrink:0;}
.jog-cart-bag-icon {position:relative;}
.jog-cart-bag-icon .jog-cart-bag-count {position:absolute;right:-8px;top:-8px;z-index:1;pointer-events:none;}

/* Automatic count badge: icon-only anchors to icon; total displayed anchors to button.
   Positive offsets move the badge right/down, negative offsets left/up. */
.jog-cart-bag-total {position:relative;}
.jog-cart-bag-icon .jog-cart-bag-count,
.jog-cart-bag-total.jog-cart-bag-has-button-badge > .jog-cart-bag-count {
 position:absolute; top:0; right:0; z-index:2; pointer-events:none;
 transform:translate(calc(50% + var(--mdw-badge-offset-x, 0px)),calc(-50% + var(--mdw-badge-offset-y, 0px)));
}
.jog-cart-bag-icon .jog-cart-bag-count {right:0;top:0;}