/*
 * wysiwyg 內容共享 class（前後台單一真相來源）— #3357
 *
 * 後台：TinyMCE 編輯 iframe 透過 wysiwyg_init.js 的 content_css 載入本檔；
 *       iframe body 掛 class="wysiwyg-content"（body_class 設定），故下列 .wysiwyg-content 前綴選擇器生效。
 * 前台：web/css/wysiwyg-shared-classes.css 為本檔 symlink；顯示內文的容器需掛 class="wysiwyg-content"。
 *
 * 一律以 .wysiwyg-content 前綴 scope，避免與頁面自身的工具 class（如 .fs-5）衝突。
 * 新增樣式 class 時務必同步：本檔、wysiwyg_init.js 的 style_formats、後端 sanitize 白名單。
 */

/* 文字顏色 */
.wysiwyg-content .text-primary{color:#3b82f6}
.wysiwyg-content .text-danger{color:#ef4444}
.wysiwyg-content .text-success{color:#22c55e}
.wysiwyg-content .text-warning{color:#f59e0b}
.wysiwyg-content .text-info{color:#06b6d4}
.wysiwyg-content .text-dark{color:#1e293b}
.wysiwyg-content .text-secondary{color:#64748b}
.wysiwyg-content .text-muted{color:#94a3b8}
.wysiwyg-content .text-white{color:#fff}
.wysiwyg-content .text-maroon{color:#800000}
.wysiwyg-content .text-purple{color:#800080}
.wysiwyg-content .text-brown{color:#a52a2a}
.wysiwyg-content .text-navy{color:#000080}

/* 字級 */
.wysiwyg-content .fs-1{font-size:2.5rem}
.wysiwyg-content .fs-2{font-size:2rem}
.wysiwyg-content .fs-3{font-size:1.75rem}
.wysiwyg-content .fs-4{font-size:1.5rem}
.wysiwyg-content .fs-5{font-size:1.25rem}
.wysiwyg-content .fs-6{font-size:1rem}
.wysiwyg-content .fs-7{font-size:.875rem}

/* 字重 / 字style */
.wysiwyg-content .fw-bold{font-weight:700}
.wysiwyg-content .fw-semibold{font-weight:600}
.wysiwyg-content .fw-medium{font-weight:500}
.wysiwyg-content .fw-normal{font-weight:400}
.wysiwyg-content .fw-light{font-weight:300}
.wysiwyg-content .fst-italic{font-style:italic}
.wysiwyg-content .fst-normal{font-style:normal}
.wysiwyg-content .text-decoration-underline{text-decoration:underline}
.wysiwyg-content .text-decoration-line-through{text-decoration:line-through}

/* 對齊 */
.wysiwyg-content .text-start{text-align:left}
.wysiwyg-content .text-center{text-align:center}
.wysiwyg-content .text-end{text-align:right}
.wysiwyg-content .text-justify{text-align:justify}

/* 實心底色（底＋白字） */
.wysiwyg-content .bg-primary{background:#3b82f6;color:#fff}
.wysiwyg-content .bg-danger{background:#ef4444;color:#fff}
.wysiwyg-content .bg-success{background:#22c55e;color:#fff}
.wysiwyg-content .bg-warning{background:#f59e0b;color:#1e293b}
.wysiwyg-content .bg-info{background:#06b6d4;color:#fff}
.wysiwyg-content .bg-dark{background:#1e293b;color:#fff}
.wysiwyg-content .bg-secondary{background:#64748b;color:#fff}
.wysiwyg-content .bg-light{background:#f1f5f9;color:#1e293b}

/* 螢光筆 */
.wysiwyg-content .hl-yellow{background:#fff59d}
.wysiwyg-content .hl-pink{background:#f8bbd0}
.wysiwyg-content .hl-cyan{background:#b2ebf2}
.wysiwyg-content .hl-orange{background:#ffcc80}
.wysiwyg-content .hl-green{background:#dcedc8}
.wysiwyg-content .hl-lime{background:#ccff66}

/* 字型 */
.wysiwyg-content .font-kai{font-family:"DFKai-SB","BiauKai","KaiTi","標楷體","楷体",serif}

/* 圖片寬度 */
.wysiwyg-content img.w-25{width:25%;height:auto}
.wysiwyg-content img.w-50{width:50%;height:auto}
.wysiwyg-content img.w-75{width:75%;height:auto}
.wysiwyg-content img.w-100{width:100%;height:auto}
.wysiwyg-content img.img-fluid{max-width:100%;height:auto}

/* 表格 */
.wysiwyg-content table{border-collapse:collapse}
.wysiwyg-content table.table-bordered,
.wysiwyg-content table.table-bordered td,
.wysiwyg-content table.table-bordered th{border:1px solid #cbd5e1}