/* Custom Quantity Input and Add to Cart Button Styles */

.woocommerce-variation-add-to-cart .quantity {
	/* Hide the original quantity input wrapper if needed, or style it */
	/* display: none; */
	/* Uncomment to completely hide original input visually */
	margin-right: 1em;
	/* Add some space between quantity and button */
	vertical-align: middle;
	/* Align with button */
}

/* Style the original input field (optional, could be hidden) */
.woocommerce-variation-add-to-cart .quantity .qty {
	/* Or just style it to fit within the new design */
	width: 3em;
	/* Adjust width */
	text-align: center;
	border: none;
	background-color: transparent;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	padding: 0 5px;
	vertical-align: middle;
	-moz-appearance: textfield;
	/* Firefox */
}

.woocommerce-variation-add-to-cart .quantity .qty::-webkit-outer-spin-button,
.woocommerce-variation-add-to-cart .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	/* Chrome, Safari, Edge, Opera */
	margin: 0;
}


/* Wrapper for the custom buttons and the original input */
.custom-quantity-wrapper {
	display: inline-flex;
	/* Align items horizontally */
	align-items: center;
	/* Center items vertically */
	border: 1px solid #ff9800;
	/* Orange border */
	border-radius: 4px;
	/* Slight rounding */
	padding: 0;
	vertical-align: middle;
	margin-right: 1em;
	/* Space next to add to cart button */
}

/* Style for the plus and minus buttons */
.custom-quantity-wrapper .quantity-button {
	background-color: transparent;
	border: none;
	color: #ff9800;
	/* Orange color for buttons */
	cursor: pointer;
	font-size: 1.4em;
	/* Adjust size */
	line-height: 1;
	padding: 8px 12px;
	/* Adjust padding */
	font-weight: bold;
}

.custom-quantity-wrapper .quantity-button:hover {
	color: #e65100;
	/* Darker orange on hover */
}

/* --- Add to Cart Button Style --- */

.woocommerce-variation-add-to-cart .single_add_to_cart_button.button {
	background-color: transparent !important;
	/* Remove background */
	color: #ff9800 !important;
	/* Orange text */
	border: 2px solid #ff9800 !important;
	/* Orange border */
	padding: 10px 25px !important;
	/* Adjust padding */
	border-radius: 4px !important;
	/* Slight rounding */
	font-weight: bold;
	text-transform: none !important;
	/* Remove uppercase if any */
	transition: background-color 0.2s, color 0.2s;
	vertical-align: middle;
	width: 100%;
	/* Make button full width */
	margin-top: 1em;
	/* Add space above the button */
	box-sizing: border-box;
	/* Include padding and border in width */
}

.woocommerce-variation-add-to-cart .single_add_to_cart_button.button:hover {
	background-color: #fff3e0 !important;
	/* Light orange background on hover */
	color: #e65100 !important;
	/* Darker orange text on hover */
	border-color: #e65100 !important;
}

/* Disabled state for add to cart button */
.woocommerce-variation-add-to-cart .single_add_to_cart_button.button.disabled,
.woocommerce-variation-add-to-cart .single_add_to_cart_button.button:disabled {
	background-color: transparent !important;
	color: #ccc !important;
	border-color: #ccc !important;
	cursor: not-allowed;
	opacity: 0.7;
}

/* Add a label for Quantity if desired */
.custom-quantity-wrapper::before {
	display: block;
	margin-bottom: 0.5em;
	font-weight: bold;
	width: 100%;
	/* Make label full width */
	text-align: left;
	position: absolute;
	/* Position it above */
	top: -1.8em;
	/* Adjust position */
	left: 0;
}

/* Adjust positioning relative to the wrapper */
.woocommerce-variation-add-to-cart {
	position: relative;
	margin-top: 1em;
	/* Add space above the quantity section */
}