/**
 * BR-002 — Layer D: cart-line qty > 1 chip
 *
 * Small, unobtrusive chip appended to cart rows with qty > 1. Orange so
 * it draws the eye without looking like an error state.
 */

.br002-cart-qty-chip {
  display: inline-block;
  margin: 6px 0 0 0;
  padding: 4px 10px;
  background: #fff4e5;
  color: #9a5b00;
  border: 1px solid #f0b95f;
  border-radius: 999px;
  font-size: 0.85em;
  line-height: 1.3;
  font-weight: 500;
  max-width: 100%;
  word-wrap: break-word;
  /* Ensure it wraps below the product title rather than floating inline
     with it when inserted into the product-name cell. */
  float: none;
  clear: both;
}

/* In cart tables on narrow mobile, the product-name cell often expands
   to full row width; the chip sits cleanly underneath. */
@media (max-width: 600px) {
  .br002-cart-qty-chip {
    display: block;
    margin-top: 8px;
  }
}

/* Subtle focus target so screen readers can land on it via arrow nav. */
.br002-cart-qty-chip:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}