/*
 * WPC Bought Together × Blocksy — CSS Visual Reorder
 *
 * Visually moves .woobt-wrap (rendered AFTER the form) to appear
 * between .woocommerce-variation and .woocommerce-variation-add-to-cart,
 * WITHOUT moving DOM nodes. This avoids WooCommerce's delegated
 * event handler on form.variations_form picking up FBT sub-item selects.
 *
 * Technique: display:contents on the <form> and .single_variation_wrap
 * dissolves their boxes, promoting their children to flex items of
 * .ct-product-add-to-cart. The `order` property then controls the
 * visual stacking.
 *
 * display:contents does NOT affect form submission, event delegation,
 * or DOM selectors — only CSS layout.
 */

.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) {
	display: flex !important;
	flex-direction: column;
}

.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) > form.variations_form {
	display: contents;
}

.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) .single_variation_wrap {
	display: contents;
}

/* 1 — Variation attribute table (規格 dropdown) */
.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) > form > table.variations {
	order: 1;
	width: 100%;
	margin-bottom: 1.5em;
}

/* 2 — Screen-reader reset alert */
.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) > form > .reset_variations_alert {
	order: 2;
}

/* 3 — Variation info (price / stock / description shown after selecting) */
.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) .woocommerce-variation.single_variation {
	order: 3;
	width: 100%;
}

/* 4 — FBT "Bought Together" block */
.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) > .woobt-wrap {
	order: 4;
	width: 100%;
}

/* 5 — Add to cart button area (quantity + button) */
.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) .woocommerce-variation-add-to-cart {
	order: 5;
	width: 100%;
}

/* Anti-spam / honeypot fields — keep at end, already hidden */
.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) > form > #altEmail_container,
.ct-product-add-to-cart:has(> .woobt-wrap[data-blocksy-bridge="1"]) > form > .wpa_hidden_field {
	order: 99;
}