/* 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 {
	/* Example: Make it visually hidden but accessible */
	/* border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important; */

	/* 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 */
}