/* === Brand Color Fix: Black Buttons & Black/Grey Pricing === */

/* Buttons: all WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .woocommerce-message a.button {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  text-transform: none;
  font-weight: 600;
  transition: background-color 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #222 !important;
}

/* Outlined/secondary buttons (like View Cart links) */
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background-color: #000 !important;
  color: #fff !important;
}

/* Update cart & Apply coupon buttons */
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"] {
  background-color: #000 !important;
  color: #fff !important;
}

/* Prices: make all prices black or grey */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-cart .cart_totals .amount,
.woocommerce-checkout-review-order-table .amount {
  color: #000 !important;
  font-weight: 600;
}

/* Sale prices greyed style */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
  color: #777 !important;
  opacity: 0.7;
}

/* Subtotal/Total text in cart/checkout */
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  color: #000 !important;
}

/* Quantity input border neutral */
.woocommerce .quantity input.qty {
  border: 1px solid #ccc !important;
  color: #000 !important;
}

/* Remove weird purple/blue default focus from Woo elements */
.woocommerce a:focus,
.woocommerce button:focus,
.woocommerce input:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* === Fix single product add-to-cart alignment === */

.woocommerce div.product form.cart {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

/* Quantity box alignment */
.woocommerce div.product form.cart .quantity {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

/* Adjust + and - buttons and input */
.woocommerce div.product form.cart .quantity input.qty {
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-align: center;
  width: 60px;
  font-weight: 500;
  color: #000;
}

/* “Add to cart” button height same as qty */
.woocommerce div.product form.cart button.single_add_to_cart_button {
  height: 44px;
  line-height: 44px;
  padding: 0 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  border: none;
}

/* Responsive stacking */
@media (max-width: 480px) {
  .woocommerce div.product form.cart {
    flex-direction: column;
    align-items: stretch;
  }
  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart button.single_add_to_cart_button {
    width: 100%;
  }
}