/* Product-page CTA presentation. The underlying Woo form remains in the DOM
 * for variation selection and the customizer's validated AJAX request. */
body.xgp-customizable-product .single_add_to_cart_button {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-add-to-cart] {
	display: none !important;
}

body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-buy-now] {
	width: 100%;
	min-height: 46px;
	background: #102a2b;
	color: #fff;
}

body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-buy-now]:hover,
body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-buy-now]:focus-visible {
	background: #0f5b5b;
	color: #fff;
}
/* XGPRINT customer-facing action buttons. Keep the underlying WooCommerce
 * form controls available for variation selection and validated AJAX, while
 * making the visible design actions high-contrast and brand-led. */
body.xgp-customizable-product .xgp-pod-open,
body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-buy-now] {
	border-color: #000 !important;
	background: #000 !important;
	color: #fff !important;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

body.xgp-customizable-product .xgp-pod-open:hover,
body.xgp-customizable-product .xgp-pod-open:focus-visible,
body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-buy-now]:hover,
body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-buy-now]:focus-visible {
	border-color: #d8ff4f !important;
	background: #d8ff4f !important;
	color: #000 !important;
	transform: translateY(-1px);
}

body.xgp-customizable-product .xgp-pod-open:focus-visible,
body.xgp-customizable-product .xgp-pod-saved-action[data-xgp-pod-buy-now]:focus-visible {
	outline: 3px solid rgba(216, 255, 79, .45);
	outline-offset: 2px;
}