/* WooCommerce Add to Cart Section */

/* Override default WooCommerce styles */
.single-product form.cart .quantity {
  float: none !important;
  /* margin-right: 0 !important; */
  position: static !important;
  display: flex !important;
  align-items: center !important;
  border: 2px solid #ffd966 !important;
  border-radius: 12px !important;
  overflow: visible !important;
  background: #fff9e6 !important;
  margin-bottom: 0 !important;
}

form.cart .quantity {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  border: 2px solid #ffd966 !important;
  border-radius: 50px !important;
  overflow: visible !important;
  background: #fff9e6 !important;
  margin-bottom: 0 !important;
}

.woocommerce-variation-add-to-cart {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
  margin-top: 20px;
}

/* Quantity Section */
.quantity {
  display: inline-flex;
  align-items: center;
  border: 2px solid #f0c040; /* Golden/yellow border */
  border-radius: 50px;
  padding: 8px 20px;
  background: #fff;
}

.quantity label.screen-reader-text {
  display: none;
}

/* Plus and Minus buttons */
.quantity .minus,
.quantity .plus {
  background: transparent;
  border: none;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  padding: 0 10px;
  line-height: 1;
  transition: color 0.3s ease;
}

.quantity .minus:hover,
.quantity .plus:hover {
  color: #f0c040;
}

.quantity .input-text.qty {
  width: 80px; /* Increased width */
  border: none;
  background: transparent;
  text-align: center;
  font-size: 24px; /* Increased font size */
  font-weight: 600;
  color: #333;
  -moz-appearance: textfield;
  outline: none;
  padding: 0 10px;
}

.quantity .input-text.qty::-webkit-outer-spin-button,
.quantity .input-text.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity .input-text.qty:focus {
  outline: none;
}

/* Remove spinner arrows for Firefox */
.quantity .input-text.qty[type="number"] {
  -moz-appearance: textfield;
}

/* Quantity Buttons */
.qty-btn {
  /* height: 3.8em !important; */
  background: transparent !important;
  border: none !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #333 !important;
  cursor: pointer !important;
  padding: 0 10px !important;
  line-height: 1 !important;
  transition: color 0.3s ease !important;
}

.qty-btn:hover:not(:disabled) {
  color: #ffb800 !important;
}

.qty-btn:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Add to Cart Button */

.single-product .single_add_to_cart_button {
  background-color: #f9c255 !important;
  color: #430c41;
  border: none;
  padding: 14px 25px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

.single-product .woocommerce-variation-add-to-cart .button {
  font-size: 100% !important;
  padding: 0 46px;
}

.single_add_to_cart_button {
  flex: 1;
  min-width: 180px;
  background: #ffd966 !important;
  color: #5c2e5c !important;
  border: none;
  border-radius: 50px;
  padding: 18px 30px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 60px;
}

.single_add_to_cart_button:hover {
  background: #ffb800 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 217, 102, 0.4);
}

.single_add_to_cart_button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.single_add_to_cart_button::before {
  content: "🛒";
  font-size: 20px;
}

/* Buy Now Button */
.buy-now-button {
  flex: 1 !important;
  min-width: 180px !important;
  background: #5c2e5c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 18px 30px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 60px !important;
  margin: 0px !important;
  text-transform: none !important;
}

.buy-now-button:hover {
  background: #4a2549 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(92, 46, 92, 0.4);
}

.buy-now-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.buy-now-button::before {
  content: "⚡";
  font-size: 20px;
}

/* Mobile Layout - Quantity + Add to Cart side by side, Buy Now below */
@media (max-width: 768px) {
  .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  
  /* Quantity and Add to Cart in same row */
  .quantity {
    flex: 0 0 auto;
    width: auto;
    order: 1;
    padding: 8px 8px;
  }
  
  .single_add_to_cart_button {
    flex: 1;
    min-width: 0;
    order: 2;
  }
  
  /* Buy Now takes full width on new row */
  .buy-now-button {
    flex: 0 0 100%;
    width: 100%;
    order: 3;
  }
}
