/* Coupon System (2026-08) -- badge + cart/checkout coupon UI styles.
   Reuses the existing badge/pill conventions (.store-badge on cards,
   .product-promo-badge on the product page) rather than inventing new
   ones; only the accent color is distinct (success/green) so a coupon
   badge is never confused with the red sale-price promo badge. */

.store-coupon-badge {
  color: var(--color-success-text);
  background: var(--color-success-surface);
}

.product-coupon-badge {
  display: inline-flex;
  align-items: center;
  padding: .4rem .7rem;
  border-radius: 999px;
  color: var(--color-success-text);
  background: var(--color-success-surface);
  font-size: .88rem;
  font-weight: 600;
}

.store-cart-coupon input[type="text"] {
  min-width: 0;
}