/* =============================================
   WESTORX — PRODUCT FORM
   Single source of truth. No duplicates.
   ============================================= */

/* ---- FORM WRAPPER ---- */
.woocommerce div.product form.cart,
.woocommerce div.product .variations_form {
  display: block !important;
  width: 100% !important;
}

/* ---- ROW 1: SIZE label + dropdown ---- */
.woocommerce table.variations {
  display: block !important;
  width: 100% !important;
  margin: 0 0 1.5rem 0 !important;
  border: none !important;
  border-collapse: unset !important;
}

.woocommerce table.variations tbody {
  display: block !important;
  width: 100% !important;
}

.woocommerce table.variations tr {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

.woocommerce table.variations td {
  display: block !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  width: auto !important;
  vertical-align: unset !important;
}

.woocommerce table.variations td.label label {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #0a0a0a !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.woocommerce table.variations td.value select {
  width: 160px !important;
  height: 42px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 0 !important;
  padding: 0 12px !important;
  font-size: 0.85rem !important;
  font-family: inherit !important;
  background: #fff !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.woocommerce table.variations td.value select:focus {
  border-color: #0a0a0a !important;
  outline: none !important;
}

.woocommerce .reset_variations {
  display: none !important;
}

/* ---- ROW 2: QTY + ADD TO CART ---- */
.woocommerce .woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  width: auto !important;
}

/* Quantity box */
.woocommerce .woocommerce-variation-add-to-cart .quantity {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  border: 1px solid #0a0a0a !important;
  flex-shrink: 0 !important;
  background: #fff !important;
  gap: 0 !important;
}

/* +/- buttons */
.wstx-qty-btn {
  width: 38px !important;
  height: 48px !important;
  background: none !important;
  border: none !important;
  font-size: 1.1rem !important;
  cursor: pointer !important;
  color: #0a0a0a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background 0.2s !important;
}

.wstx-qty-btn:hover {
  background: #f5f5f5 !important;
}

/* Qty input */
.woocommerce .woocommerce-variation-add-to-cart .quantity input.qty {
  width: 44px !important;
  height: 48px !important;
  border: none !important;
  border-left: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
  text-align: center !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  background: transparent !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}

.woocommerce .woocommerce-variation-add-to-cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .woocommerce-variation-add-to-cart .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

/* ADD TO CART — not full width */
.woocommerce .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 48px !important;
  padding: 0 28px !important;
  background: #0a0a0a !important;
  color: #fff !important;
  border: 1px solid #0a0a0a !important;
  border-radius: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.3s, border-color 0.3s !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.woocommerce .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {
  background: #c8a96e !important;
  border-color: #c8a96e !important;
}