/* Add to Cart Forms Styling */
.variation-cart-forms {
  /* Main container styling */
  padding: 1rem;
  background-color: red;
}

/* Hide Product variation field */
.variation-cart-forms .field--name-purchased-entity {
  display: none !important;
}

/* Hide Override the unit price field */
.variation-cart-forms .field--name-unit-price {
  display: none !important;
}

/* Create a flex container for quantity and actions */
.variation-cart-forms .field--name-quantity,
.variation-cart-forms .form-actions {
  display: inline-flex !important;
  vertical-align: top !important;
  align-items: center !important;
}

/* Quantity field container */
.variation-cart-forms .field--name-quantity {
  margin-right: 1rem !important;
  margin-bottom: 0 !important;
}

/* Hide quantity label */
.variation-cart-forms .field--name-quantity label {
  display: none !important;
}

/* Quantity input styling */
.variation-cart-forms .field--name-quantity input[type="number"] {
  width: 80px !important;
  height: 40px !important;
  padding: 8px 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  text-align: center !important;
}

/* Actions container */
.variation-cart-forms .form-actions {
  margin-bottom: 0 !important;
}

/* Submit button styling */
.variation-cart-forms .form-actions input[type="submit"] {
  height: 40px !important;
  padding: 0 20px !important;
  background-color: #2563eb !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
  white-space: nowrap !important;
}

.variation-cart-forms .form-actions input[type="submit"]:hover {
  background-color: #1d4ed8 !important;
}

/* AJAX progress styling */
.variation-cart-forms .form-actions .ajax-progress {
  display: block !important;
  width: 100% !important;
  margin-top: 8px !important;
  text-align: center !important;
}

.variation-cart-forms .form-actions .ajax-progress-throbber {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

.variation-cart-forms .form-actions .ajax-progress .message {
  display: inline-block !important;
  font-size: 12px !important;
  color: #6b7280 !important;
  vertical-align: middle !important;
}

/* Ensure button wrapper maintains layout */
.variation-cart-forms .form-actions > div {
  display: block !important;
  width: 100% !important;
}