/*
 * irobot-th-2026 — หน้าตะกร้า / ชำระเงิน / บัญชี (โหลดเมื่อ irb_is_shop_utility_context())
 *
 * 01.10.2026 ตาข่ายกันพังวันสลับธีม — ดีไซน์หน้าเหล่านี้เป็นของปลั๊กอิน iqair-checkout-ux ธีมไม่วาดเอง
 *
 * 1) header ซ้อน: ปลั๊กอินซ่อนเมนูบนของธีมด้วย brand config `hideHeader` ซึ่งยังเป็น selector ของธีมเก่า
 *    ('.top-banner,.primary-nav-wrapper') ใต้ body.iqa2 / body.iqa2-verify / body.iqa2-login
 *    (includes/05 · 14 · 18) → ซ่อนแถบประกาศ + header ของธีมนี้ใต้ class เดียวกัน
 *    = ผลเหมือนตั้งใจของปลั๊กอินทุกประการ ถ้าห้อง Checkout เติม selector ใหม่ในปลั๊กอินแล้ว กฎนี้ซ้ำได้ไม่เสียหาย
 * 2) #main ใน page.php (โครงเดิมของ page-cart.php) — ปลั๊กอินขยาย #main เต็มจอเอง ธีมแค่ไม่ใส่ระยะซ้อน
 */

body.iqa2 .irb-announce,
body.iqa2 .irb-header,
body.iqa2-verify .irb-announce,
body.iqa2-verify .irb-header,
body.iqa2-login .irb-announce,
body.iqa2-login .irb-header {
	display: none !important;
}

.irb-main--shop {
	padding: 0;
}

.irb-main--shop > #main {
	min-height: 50vh;
}

/* 3) หน้า order-pay / order-received ที่ปลั๊กอินไม่ได้ออกแบบให้ (ไม่มี body.iqa2*) — เช่น order-pay id ผิด
 *    "ชำระออเดอร์นี้ไม่ได้" · ฟอร์มยืนยันอีเมลของ Woo — ข้อความ Woo ล้วนเลยชิดขอบซ้ายจอ (#main ไม่มี padding)
 *    → ให้กรอบ .shell แบบหน้าอื่นของธีม (ทดสอบ Playground 01.10.2026: d-pay-999999.png)
 */
body.woocommerce-order-pay:not(.iqa2):not(.iqa2-verify) .irb-main--shop #primary,
body.woocommerce-order-received:not(.iqa2):not(.iqa2-login) .irb-main--shop #primary {
	max-width: var(--irb-shell);
	margin: 0 auto;
	padding: 32px var(--irb-pad) 56px;
}

/* กล่องข้อความ Woo บนหน้ากลุ่มเดียวกัน — ปลั๊กอินถอด CSS ของ WooCommerce บนหน้าชำระเงิน (1.26.5 B2)
 * จึงเหลือ <ul> มีจุดนำหน้า · ใช้หน้าตาเดียวกับกล่องข้อความในหน้าบัญชี (account.css .ac-main) */
body.woocommerce-order-pay:not(.iqa2):not(.iqa2-verify) .irb-main--shop :is(.woocommerce-error, .woocommerce-message, .woocommerce-info),
body.woocommerce-order-received:not(.iqa2):not(.iqa2-login) .irb-main--shop :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
	list-style: none;
	margin: 0 0 12px;
	padding: 16px 20px;
	border-radius: 18px;
	background: var(--brand-color-white);
	color: var(--brand-color-black);
	border: 1.5px solid rgba(var(--brand-color-clover-rgb), .45);
	font-size: 15px;
	line-height: 1.55;
}

body.woocommerce-order-pay:not(.iqa2):not(.iqa2-verify) .irb-main--shop .woocommerce-error,
body.woocommerce-order-received:not(.iqa2):not(.iqa2-login) .irb-main--shop .woocommerce-error {
	border: 2px solid var(--brand-color-black);
	font-weight: 600;
}