/*
 * Bricks 2.x 相容：讓畫面維持 1.12.5 的樣子。
 *
 * 商品頁的圖片庫（product-gallery 元素，thumbnail-slider 模式）：
 * 1.12.5 對 .woocommerce-product-gallery 設 flex-direction:row（縮圖在右）／row-reverse（在左），主圖容器因此只有圖片原始寬度（444px）。
 * 2.4.2 把這幾條規則限定在「非 thumbnail-slider」的圖片庫，thumbnail-slider 變成 column，主圖容器撐滿整欄（691px），
 * 商品頁因此長了 333px。這裡把 1.12.5 的方向規則補回來，其餘 2.4.2 新增的 flex / min-width / max-width 值也還原。
 */
.brxe-product-gallery {
	min-width: auto;
}
.brxe-product-gallery.thumbnail-slider[data-pos=left],
.brxe-product-gallery.thumbnail-slider[data-pos=right],
.brxe-product-gallery.thumbnail-slider[data-pos=top],
.brxe-product-gallery.thumbnail-slider[data-pos=bottom] {
	max-width: none;
}
.brxe-product-gallery.thumbnail-slider .woocommerce-product-gallery {
	flex-direction: row;
}
.brxe-product-gallery.thumbnail-slider[data-pos=left] .woocommerce-product-gallery {
	flex-direction: row-reverse;
}
.brxe-product-gallery.thumbnail-slider[data-pos=top] .woocommerce-product-gallery {
	flex-direction: column-reverse;
}
.brxe-product-gallery.thumbnail-slider[data-pos=left] .woocommerce-product-gallery,
.brxe-product-gallery.thumbnail-slider[data-pos=right] .woocommerce-product-gallery {
	flex: 0 1 auto;
	width: 100%;
	max-width: none;
	min-width: auto;
}
.brxe-product-gallery.thumbnail-slider[data-pos=left] .woocommerce-product-gallery .flex-viewport,
.brxe-product-gallery.thumbnail-slider[data-pos=right] .woocommerce-product-gallery .flex-viewport,
.brxe-product-gallery.thumbnail-slider[data-pos=left] .brx-product-gallery-thumbnail-slider,
.brxe-product-gallery.thumbnail-slider[data-pos=right] .brx-product-gallery-thumbnail-slider {
	max-width: none;
	min-width: auto;
}

/*
 * 正式站實際送出的 Bricks CSS 不是 1.12.5 的檔案，而是 WP Fastest Cache 很久以前用更舊版 Bricks 合併出來的 bundle
 * （cache/wpfc-minified/fgx1vk21/2biih.css，備份裡有），一直沒重做。那個舊 bundle 裡有三條後來被 Bricks 拿掉的規則，
 * 部落格文章的圖庫、表格（figure 沒有左右 40px 邊距、佔滿整欄）和列表卡片的分類標籤（.sm 按鈕字級 .9em）靠它們排版。
 * 2026-10-21 預演時發現：沒有這三條，文章頁圖庫縮小一成、表格變高、分類標籤字從 16px 變 20px。
 * 補回來，切換後畫面才和店家現在看到的一樣。正式站自己只要清一次快取也會變成沒有這三條，所以這不是 2.4 的問題。
 */
/* :where() 讓權重和舊 bundle 那條一樣低（0,1,0），才會照舊的順序輸給核心的 .wp-block-image figure { margin:0 } */
:where(.brxe-post-content) :is(.wp-block-image, .wp-block-video, figcaption, figure) {
	margin: 1em 0;
	width: 100%;
}
:where(.brxe-post-content) .wp-block-image figure {
	width: auto;
}
.bricks-button.sm {
	font-size: .9em;
}
/* 同一個舊 bundle 的 .lg／.xl 也是沒有 :where() 的寫法，字級會壓過 Theme Style 的 .bricks-button 字級（Triple X 頁兩顆大按鈕 19.8px，不是 20px） */
.bricks-button.lg {
	font-size: 1.1em;
}
.bricks-button.xl {
	font-size: 1.2em;
}

/*
 * Post Taxonomy 元素「分隔符號」版面（separator）：2.4.2 把按鈕樣式的內距也套到分隔符號模式的連結上
 * （產生 `#brxe-xxx.separator a, #brxe-xxx .bricks-button {padding…}`），1.12.5 只套到 .bricks-button。
 * 文章頁下方的標籤列（#brxe-57141a）設了上下 32px，1.12.5 沒生效、2.4.2 生效，整列從 15px 變 79px。只還原這一個元素。
 */
#brxe-57141a.brxe-post-taxonomy.separator a {
	padding-top: 0;
	padding-bottom: 0;
}