/*
 * csp-extracted.css
 * 從 Blade 樣板抽出的 inline style，改用 class，
 * 以便 CSP style-src 可移除 'unsafe-inline'（對應 ZAP「CSP: style-src unsafe-inline」）。
 * 同時被前台 layouts/front 與後台 layouts/admin 引入。
 */

/* 圖片預覽最大高度 */
.mh-32  { max-height: 32px; }
.mh-100 { max-height: 100px; }
.mh-120 { max-height: 120px; }
.mh-160 { max-height: 160px; }
.mh-200 { max-height: 200px; }

/* 版面尺寸 */
.mw-300 { min-width: 300px; }
.p-30   { padding: 30px; }

/* 前台影音 iframe 尺寸 */
.media-frame-lg { width: 100%; height: 460px; }
.media-frame-sm { width: 100%; height: 300px; }

/* 連結色 */
.link-blue { color: #0d6efd; }

/* 前台首頁裝飾圖層混合模式 */
.blend-hard-light  { mix-blend-mode: hard-light; }
.blend-plus-darker { mix-blend-mode: plus-darker; }

/* 頁尾裝飾底圖（靜態資產） */
.footer-shape-bg { background-image: url('/assets/img/home-1/footer/shape.png'); }

/* 首頁 banner 動態底圖：由各頁的 <style nonce> 設定 --hero-bg 變數後套用。
   選擇器須蓋過 main.css 的 `.hero-1 .gt-top-image`（權重 0,2,0）寫死的預設底圖，
   否則後台上傳的 banner 不會生效。 */
.hero-1 .gt-top-image.hero-dynamic-bg { background-image: var(--hero-bg); }