/**
 * iOS Safari 截圖時，加價購（TM EPO）區塊偶發整區反黑／變黑。
 * 常見原因：大量圖片 + GPU 合成層在截圖當下渲染失敗。
 * 做法：給區塊不透明底、建立穩定合成層，降低截圖黑塊機率。
 */

/* 僅針對 iOS / iPadOS（含桌面模式 iPad） */
@supports (-webkit-touch-callout: none) {
	.single-product .tm-extra-product-options,
	.single-product .tc-extra-product-options,
	.single-product .tm-collapse,
	.single-product .tm-collapse-wrap,
	.single-product .cpf-type-checkbox,
	.single-product .tmcp-elements.use-images-container {
		background-color: #fff;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.single-product .tm-extra-product-options .tmcp-field-wrap,
	.single-product .tm-extra-product-options .tc-label-wrap,
	.single-product .tm-extra-product-options .checkbox_image,
	.single-product .tm-extra-product-options .radio_image,
	.single-product .tm-extra-product-options .tmhexcolorimage {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background-color: #fff;
	}

	/* 避免父層 overflow + transform 組合在截圖時整層變黑 */
	.single-product .tm-extra-product-options .tc-lightbox-image-wrap,
	.single-product .tm-extra-product-options .tmcp-field-wrap label {
		overflow: visible;
	}

	.single-product .tm-extra-product-options img.checkbox_image,
	.single-product .tm-extra-product-options img.radio_image {
		overflow: visible;
		-webkit-filter: none !important;
		filter: none !important;
		mix-blend-mode: normal !important;
	}
}