/*
 * 圖示層：Font Awesome 6 Free solid 的度量
 * ===========================================================================
 * 2026-09-15 由 Radzen Material Symbols 換過來。決策與 95 條對照表見
 * YC_ESGRATING/Docs/RATING_ICON_FONTAWESOME_MAPPING_20260915.md，
 * 該案推翻了 CSS 改造案的偏離登記 D-01。
 *
 * 本檔只定義 .yc-icon 的**盒模型**，字符本身由 lib/fontawesome/css/ 的兩支檔負責。
 * 度量刻意照抄 Radzen .rzi（material-base.css）：width/height 1em、inline-flex 置中、
 * font-size 走 --rz-icon-size。照抄的理由是換套不該造成版面位移——圖示的盒子維持
 * 原尺寸，只有字符本身換了，視覺差異才能歸因到字形而不是排版。
 *
 * 不照抄的三項（Material Symbols 專屬，對 Font Awesome 無意義或有害）：
 *   font-feature-settings: "liga"  —— FA 不靠 ligature，靠 class + ::before 的 PUA 碼位
 *   font-variation-settings: FILL/GRAD/opsz —— FA 的 woff2 不是可變字型
 *   font-family —— 由 FA 自己的 .fa-solid 規則設定，這裡覆寫會整組失效
 *
 * **Material Symbols Outlined 是線性，FA Free solid 是實心，同 px 下 FA 更重。**
 * Spec 的驗收條件「視覺重量符合 token」在換套後需要重新校準；真要調整字級或顏色，
 * 加在本檔並標 EXT，不要去動凍結的 yc-design-tokens.css。
 *
 * 載入順序：lib/fontawesome 兩支之後、app.css 之前。見 App.razor。
 */

.yc-icon {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-size: var(--rz-icon-size);
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Local SVG opt-in; retain the existing icon slot and inherited state color. */
.yc-icon--svg > svg {
    display: block;
    flex-shrink: 0;
    width: auto;
    height: 1em;
    fill: currentColor;
    overflow: visible;
}