/* =======================================================================
   本專案自己維護的樣式（唯一一份非「原站原樣搬移」的 CSS）。
   載入順序在所有原站樣式之後，用來：
     1. 承接原站行內 style="..." 抽離出來的工具 class（CSP 前置，
        style-src 'self' 不允許行內樣式）
     2. 必要時覆蓋第三方套件動態注入的樣式

   ⚠️ 每條規則的選擇器都是「刻意寫成這個具體度」，不要隨手簡化：
      抽離行內樣式最常見的失敗模式，是抽出來的一般 class（具體度 0,1,0）
      被原本就存在的 ID 或後代選擇器規則蓋掉，語法完全正確、卻沒有錯誤訊息
      （規範第九節）。改動後一律用 getComputedStyle() 核對前後計算值。
   ======================================================================= */

/* 原站：<img style="max-width: 100%; height: auto;">
   出現在頁首 logo 與所有內文圖片（22 頁共用）。 */
.u-img-fluid {
  max-width: 100%;
  height: auto;
}

/* 原站：首頁的兩個連結 <a style="text-decoration: underline;"> */
.u-underline {
  text-decoration: underline;
}

/* 原站：首頁的連結 <span style="color: #000000; text-decoration: underline;"> */
.u-underline-black {
  color: #000000;
  text-decoration: underline;
}

/* 原站：8 個代理產品頁的 <td style="text-align: var(--text-align);">
   --text-align 由 Elementor 的表格區塊自己設定，這裡只是把宣告搬出來。 */
.u-text-align-var {
  text-align: var(--text-align);
}

/* 原站：RALEC 旺詮頁的 <span style="font-style: inherit; font-weight: inherit;"> */
.u-font-inherit {
  font-style: inherit;
  font-weight: inherit;
}

/* -----------------------------------------------------------------------
   第三方套件在 CSP 下被擋掉的行內樣式，補等效外部規則
   ----------------------------------------------------------------------- */

/* Elementor lightbox（代理證書頁的圖庫用得到）的 IconsManager 會用
   createSvgNode('svg', {attrs:{style:"display: none;", class:"e-font-icon-svg-symbols"}})
   把一個放 <symbol> 定義的 SVG 容器 append 到 <body>，靠行內
   style="display: none;" 隱藏它。CSP 的 style-src 'self' 會把這個行內
   屬性擋掉（實測 csp-local-verify 有 style-src-attr 違規），結果是頁面
   底部多出一塊看不出用途的空白 SVG 區域，而且不會有任何錯誤訊息。
   這裡補一條等效規則；違規記錄本身無害（樣式已由外部規則接手）。 */
svg.e-font-icon-svg-symbols,
#e-font-icon-svg-symbols {
  display: none;
}
