/**
 * Arabic UI: Zain for text only — no global font-size (fixes SVG / dropdown layout).
 * Restores Font Awesome + Uicons after blanket font-family.
 */
html.arabic-typography-ui body,
html.arabic-typography-ui body *,
html[dir="rtl"] body.rtl-zain-ui,
html[dir="rtl"] body.rtl-zain-ui * {
    font-family: "Zain", sans-serif !important;
}

/* Base readability; theme utility classes (fz-*, etc.) still control sizes */
html.arabic-typography-ui body.rtl-zain-ui,
html[dir="rtl"] body.rtl-zain-ui {
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
}

html.arabic-typography-ui body.rtl-zain-ui h1,
html.arabic-typography-ui body.rtl-zain-ui h2,
html.arabic-typography-ui body.rtl-zain-ui h3,
html.arabic-typography-ui body.rtl-zain-ui h4,
html.arabic-typography-ui body.rtl-zain-ui h5,
html.arabic-typography-ui body.rtl-zain-ui h6,
html[dir="rtl"] body.rtl-zain-ui h1,
html[dir="rtl"] body.rtl-zain-ui h2,
html[dir="rtl"] body.rtl-zain-ui h3,
html[dir="rtl"] body.rtl-zain-ui h4,
html[dir="rtl"] body.rtl-zain-ui h5,
html[dir="rtl"] body.rtl-zain-ui h6 {
    line-height: 1.3;
    font-weight: 700;
}

/* Font Awesome */
html.arabic-typography-ui .fa,
html.arabic-typography-ui .fas,
html.arabic-typography-ui .far,
html.arabic-typography-ui .fab,
html.arabic-typography-ui .fal,
html.arabic-typography-ui .fa-brands,
html.arabic-typography-ui [class^="fa-"],
html.arabic-typography-ui [class*=" fa-"],
html[dir="rtl"] body.rtl-zain-ui .fa,
html[dir="rtl"] body.rtl-zain-ui .fas,
html[dir="rtl"] body.rtl-zain-ui .far,
html[dir="rtl"] body.rtl-zain-ui .fab,
html[dir="rtl"] body.rtl-zain-ui .fal,
html[dir="rtl"] body.rtl-zain-ui .fa-brands,
html[dir="rtl"] body.rtl-zain-ui [class^="fa-"],
html[dir="rtl"] body.rtl-zain-ui [class*=" fa-"] {
    font-family: var(--fa-style-family, "Font Awesome 6 Free"), "Font Awesome 6 Brands", "Font Awesome 6 Free" !important;
}

/* Uicons (fi-*) */
html.arabic-typography-ui i[class^="fi-"],
html.arabic-typography-ui i[class*=" fi-"],
html.arabic-typography-ui span[class^="fi-"],
html.arabic-typography-ui span[class*=" fi-"],
html[dir="rtl"] body.rtl-zain-ui i[class^="fi-"],
html[dir="rtl"] body.rtl-zain-ui i[class*=" fi-"],
html[dir="rtl"] body.rtl-zain-ui span[class^="fi-"],
html[dir="rtl"] body.rtl-zain-ui span[class*=" fi-"] {
    font-family: uicons-regular-rounded, uicons-bold-rounded, uicons-solid-rounded, uicons-bold-straight, sans-serif !important;
}

/* Inline SVG: avoid forcing font metrics onto vector subtree */
html.arabic-typography-ui svg,
html.arabic-typography-ui svg *,
html[dir="rtl"] body.rtl-zain-ui svg,
html[dir="rtl"] body.rtl-zain-ui svg * {
    font-family: initial !important;
    font-size: initial !important;
    font-weight: initial !important;
    line-height: initial !important;
}