/* ============================
   Quantity Component (Brand Theme)
   ============================ */

/* Buttons */
.quantity-btn {
  background-color: #004aad; /* Brand Primary */
  color: #fff;
}

.quantity-btn:hover:not(:disabled) {
  background-color: #003580; /* Brand Hover */
}

.quantity-btn:disabled {
  background-color: #b0b0b0;
  cursor: not-allowed;
}

/* Container */
.quantity-container {
  background-color: #f8f9fa;
}

/* Optional theme variations per brand:
   ------------------------------------
   AttaSign:   Primary #004aad  Hover #003580
   IDoSigns:   Primary #b22222  Hover #8b0000
   PenguinSigns: Primary #2b6cb0 Hover #1e4b8b
*/