/* Cart badge — loaded globally (cart, checkout, and product pages) */
.kw-qb__cart-badge {
    display: block;
    width: fit-content;
    background: var(--kw-qb-cart-badge-bg, var(--fs-color-secondary));
    color: var(--kw-qb-cart-badge-text, #fff);
    font-size: 13px;
    font-weight: 700;
    border-radius: 6px;
    padding: 2px 10px;
    margin-top: 6px;
}

/* Legacy class name — keep for backwards compatibility */
.suggested-products__badge--cart {
    display: block;
    width: fit-content;
    background: var(--kw-qb-cart-badge-bg, var(--fs-color-secondary));
    color: var(--kw-qb-cart-badge-text, #fff);
    font-size: 13px;
    font-weight: 700;
    border-radius: 6px;
    padding: 2px 10px;
    margin-top: 6px;
}

/* Coupon beat the quantity tier on this line. An explanation, not an offer —
   no pill. Red + italic so it reads as a remark about the price rather than a
   second promotion competing with the tier badge above it. The alert token is
   #b20000, 7.3:1 on the cart's white surface. */
.kw-qb__cart-badge--coupon {
    background: none;
    color: var(--fs-color-alert, #b20000);
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    padding: 0;
    line-height: 1.4;
}