/**
 * @third-party:Blocksy
 *
 * Blocksy 主題樣式覆蓋(O-R4-4,2026-09-30)
 *
 * Loaded by: canvas/src/Services/HeaderFooter/WooCommerceIntegration.php
 *            (enqueue_blocksy_styles(),只在啟用主題為 Blocksy 時載入)
 *
 * 病:Blocksy 的 static/bundle/main.min.css 有一條**沒分層**的 `img { height: auto }`。
 * 沒分層的樣式永遠贏過 Tailwind v4 `@layer utilities` 裡的 `cv:h-full`(跟特異性無關,
 * 見 .claude/rules/04 同族坑)⇒ 卡片牆的 <img> 高度掉回圖片原始比例,外框 aspect + overflow:hidden
 * 只把圖從上方裁掉,`object-cover` 置中裁切失效。商品牆(product-card-grid)與文章牆
 * (blog-card-grid)同一條,實測來源檔就是主題那支(WooCommerce 樣式沒有命中)。
 *
 * 解:本檔同樣不分層 ⇒ 由特異性決勝負;`:root body img.cv\:h-full`(0,2,2)> 主題的 `img`(0,0,1)。
 * 只恢復 `cv:h-full` 本來就要的高度,⛔ 不加 !important、⛔ 不動 block 模板。
 */

:root body img.cv\:h-full {
	height: 100%;
}

/*
 * @third-party:Blocksy —— header 置頂不黏(S1 ③,2026-10-16)
 *
 * 病:主題 main.min.css 的 `body { overflow-x: hidden }`,疊上 Login/Registration Modal 外掛的
 * `html.html-has-lrm { overflow: auto !important }`(lrm-core.js 每頁都加這個 class)。
 * html 不是 visible → body 的 overflow 不上交給視窗、留在 body 身上 → overflow-y 被算成 auto、
 * body 變捲動容器 → .hz-header 的 position:sticky 黏在 body 上,視窗一捲就跟著走。
 * 兩者缺一就不會壞(沒有 LRM 時 body 的 overflow 上交給視窗)。
 *
 * 解:clip 一樣不讓橫向內容露出(保留主題用意),但**不建立捲動容器** ⇒ sticky 正常,
 * 不管 html 被誰設成什麼。不分層、`:root body`(0,1,1)> 主題的 `body`(0,0,1),⛔ 不加 !important;
 * 不支援 clip 的瀏覽器忽略這行 = 維持現狀。⛔ 不動 LRM 那條。
 */
:root body {
	overflow-x: clip;
}