/**
 * Child theme custom styles.
 *
 * Add site-specific CSS here.
 */

/* single product image */
.flex-control-nav.flex-control-thumbs {
	display: flex;
	flex-wrap: nowrap;
	gap: 15px;
	overflow-x: auto !important;
	margin: 0 !important;
	user-select: none;
	scrollbar-width: thin;
	padding-bottom: 10px !important;
}

.flex-control-nav.flex-control-thumbs li {
	flex: 0 0 80px;
	width: 80px;
	margin: 0;
	padding: 0 !important;
}

/* quantity */
.single_variation_wrap {
	width: 100%;
}

form.cart,
.woocommerce-variation-add-to-cart {
	display: flex;
	gap: 15px;
	flex-wrap: wrap !important;
}

form.cart:before,
form.cart:after {
	display: none !important;
}

form.cart .quantity {
	display: flex;
	margin-right: 0 !important;
	width: max-content;
	border: 1px solid var(--e-global-color-accent);
	border-radius: 4px;
}

form.cart .qty-btn {
	height: 100%;
	width: 30px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	align-content: center;
}

form.cart .qty {
	border: none !important;
	width: 30px !important;
	height: 100% !important;
	text-align: center !important;
	padding: 0 !important;

}

form.cart .qty::-webkit-outer-spin-button,
form.cart .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

form.cart .qty:focus-visible {
	outline: none;
}

form.cart [type="submit"] {
	flex: 1;
	margin: 0 !important;
	min-height: 40px;
}

/* buy now */
.buy-now-button {
	width: 100%;
	cursor: pointer;
	flex-basis: 100%;
	margin: 0 !important;
	color: #fff !important;
	background-color: var(--e-global-color-accent) !important;
	border-radius: 4px !important;
	min-height: 40px;
}

.buy-now-button:hover {
	background-color: var(--e-global-color-secondary) !important;
}

.buy-now-button.loading {
	opacity: 0.6;
	pointer-events: none;
}

.buy-now-button:disabled {
	cursor: wait;
}