/**
 * Casa Luxe final single-product controls.
 * Loaded after Commerce Studio and WooCommerce plugin styles.
 */
body.single-product .clx-single-actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

body.single-product .clx-single-actions > .clx-quote-action {
	flex: 0 1 var(--clx-single-quote-width, 320px) !important;
	width: var(--clx-single-quote-width, 320px) !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

body.single-product .clx-single-actions > .clx-quote-action .add-request-quote-button,
body.single-product .clx-single-actions > .clx-quote-action .button {
	width: 100% !important;
	max-width: 100% !important;
}

body.single-product .clx-single-actions > .clx-wishlist-action {
	position: static !important;
	display: block !important;
	flex: 0 0 var(--clx-single-wishlist-width, 86px) !important;
	width: var(--clx-single-wishlist-width, 86px) !important;
	min-width: var(--clx-single-wishlist-width, 86px) !important;
	max-width: var(--clx-single-wishlist-width, 86px) !important;
	height: var(--clx-single-wishlist-height, 40px) !important;
	min-height: var(--clx-single-wishlist-height, 40px) !important;
	max-height: var(--clx-single-wishlist-height, 40px) !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.single-product .clx-single-actions .clx-wishlist-action .yith-wcwl-add-to-wishlist,
body.single-product .clx-single-actions .clx-wishlist-action .yith-wcwl-add-button,
body.single-product .clx-single-actions .clx-wishlist-action .yith-wcwl-wishlistaddedbrowse,
body.single-product .clx-single-actions .clx-wishlist-action .yith-wcwl-wishlistexistsbrowse {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.single-product .clx-single-actions .clx-wishlist-action .clx-qdl-wishlist,
body.single-product .clx-single-actions .clx-wishlist-action a,
body.single-product .clx-single-actions .clx-wishlist-action button {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: 100% !important;
	padding: 3px 4px !important;
	gap: 1px !important;
	border: 1px solid rgba(29, 28, 25, .18) !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #1d1c19 !important;
	box-shadow: none !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	overflow: hidden !important;
}

body.single-product .clx-single-actions .clx-wishlist-action .clx-qdl-wishlist__icon,
body.single-product .clx-single-actions .clx-wishlist-action a::before,
body.single-product .clx-single-actions .clx-wishlist-action i {
	flex: 0 0 auto !important;
	font-size: var(--clx-single-wishlist-icon, 14px) !important;
	line-height: 1 !important;
	margin: 0 !important;
}

body.single-product .clx-single-actions .clx-wishlist-action .clx-qdl-wishlist__label,
body.single-product .clx-single-actions .clx-wishlist-action .yith-wcwl-icon + span,
body.single-product .clx-single-actions .clx-wishlist-action a > span:last-child {
	display: block !important;
	position: static !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: nowrap !important;
	border: 0 !important;
	font-size: var(--clx-single-wishlist-text, 7px) !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

body.single-product .clx-single-actions > .clx-qdl-compare,
body.single-product .clx-single-actions > .compare,
body.single-product .clx-single-actions > button[class*="compare"],
body.single-product .clx-single-actions > a[class*="compare"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	flex: 0 0 var(--clx-single-wishlist-width, 86px) !important;
	width: var(--clx-single-wishlist-width, 86px) !important;
	min-width: var(--clx-single-wishlist-width, 86px) !important;
	max-width: var(--clx-single-wishlist-width, 86px) !important;
	height: var(--clx-single-wishlist-height, 40px) !important;
	min-height: var(--clx-single-wishlist-height, 40px) !important;
	max-height: var(--clx-single-wishlist-height, 40px) !important;
	padding: 4px 6px !important;
	border: 1px solid rgba(29, 28, 25, .18) !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #1d1c19 !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .05em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

body.single-product .clx-single-actions .clx-wishlist-action a:hover,
body.single-product .clx-single-actions .clx-wishlist-action button:hover,
body.single-product .clx-single-actions > .clx-qdl-compare:hover,
body.single-product .clx-single-actions > .compare:hover {
	border-color: var(--clx-gold, #b48a4a) !important;
	color: var(--clx-gold-dark, #8f6b37) !important;
}

/* Custom gallery zoom. The image remains clipped inside its original frame. */
body.single-product .clx-single-gallery .woocommerce-product-gallery,
body.single-product .clx-single-gallery .flex-viewport,
body.single-product .clx-single-gallery .woocommerce-product-gallery__wrapper,
body.single-product .clx-single-gallery .woocommerce-product-gallery__image,
body.single-product .clx-single-gallery .woocommerce-product-gallery__image > a {
	overflow: hidden !important;
}

body.single-product .clx-single-gallery .woocommerce-product-gallery__image {
	cursor: zoom-in;
}

body.single-product .clx-single-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
	display: block !important;
	width: 100% !important;
	transition: transform .22s ease-out !important;
	transform: scale(1) !important;
	transform-origin: 50% 50% !important;
	will-change: transform;
}

body.single-product .clx-single-gallery .woocommerce-product-gallery__image.clx-cursor-zoom-active img:not(.zoomImg) {
	transition-duration: .06s !important;
	transform: scale(var(--clx-single-image-zoom, 1.35)) !important;
	transform-origin: var(--clx-zoom-x, 50%) var(--clx-zoom-y, 50%) !important;
}

body.single-product .clx-single-gallery img.zoomImg {
	display: none !important;
}

@media (hover: none), (pointer: coarse), (max-width: 767px) {
	body.single-product .clx-single-gallery .woocommerce-product-gallery__image {
		cursor: default;
	}
	body.single-product .clx-single-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
		transform: none !important;
	}
}

@media (max-width: 680px) {
	body.single-product .clx-single-actions {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: var(--clx-single-mobile-action-gap, 6px) !important;
		width: 100% !important;
	}

	body.single-product .clx-single-actions > .clx-quote-action {
		flex: 0 0 var(--clx-single-mobile-quote-percent, 50%) !important;
		width: var(--clx-single-mobile-quote-percent, 50%) !important;
		max-width: var(--clx-single-mobile-quote-percent, 50%) !important;
		min-width: 0 !important;
		height: var(--clx-single-mobile-action-height, 40px) !important;
	}

	body.single-product .clx-single-actions > .clx-quote-action .add-request-quote-button,
	body.single-product .clx-single-actions > .clx-quote-action .button {
		height: var(--clx-single-mobile-action-height, 40px) !important;
		min-height: var(--clx-single-mobile-action-height, 40px) !important;
		max-height: var(--clx-single-mobile-action-height, 40px) !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
		white-space: nowrap !important;
	}

	body.single-product .clx-single-actions > .clx-wishlist-action,
	body.single-product .clx-single-actions > .clx-qdl-compare,
	body.single-product .clx-single-actions > .compare,
	body.single-product .clx-single-actions > button[class*="compare"],
	body.single-product .clx-single-actions > a[class*="compare"] {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		height: var(--clx-single-mobile-action-height, 40px) !important;
		min-height: var(--clx-single-mobile-action-height, 40px) !important;
		max-height: var(--clx-single-mobile-action-height, 40px) !important;
	}

	body.single-product .clx-single-actions .clx-wishlist-action .clx-qdl-wishlist__label,
	body.single-product .clx-single-actions .clx-wishlist-action .yith-wcwl-icon + span,
	body.single-product .clx-single-actions .clx-wishlist-action a > span:last-child {
		font-size: var(--clx-single-mobile-wishlist-text, 7px) !important;
	}

	body.single-product .clx-single-actions .clx-wishlist-action .clx-qdl-wishlist__icon,
	body.single-product .clx-single-actions .clx-wishlist-action a::before,
	body.single-product .clx-single-actions .clx-wishlist-action i {
		font-size: var(--clx-single-mobile-wishlist-icon, 12px) !important;
	}

	body.single-product .clx-single-actions > .clx-qdl-compare,
	body.single-product .clx-single-actions > .compare,
	body.single-product .clx-single-actions > button[class*="compare"],
	body.single-product .clx-single-actions > a[class*="compare"] {
		padding-left: 3px !important;
		padding-right: 3px !important;
		font-size: 9px !important;
	}
}