/* Arabic and Farsi pages (body.rtl): everything renders in Cairo, defined in cairo.css.
 * Page stylesheets hard-code Noto Sans (some with !important), so this uses the same
 * pattern as the vi/jp overrides in main.css, with enough specificity to beat them.
 * Icon fonts are excluded; excluded elements still inherit Cairo for any text inside. */
html body.rtl,
html body.rtl *:not(i, .fa, .fas, .far, .fab, .fal, .fad, [class^="fa-"], [class*=" fa-"], .k-icon, [class*="entypo-"]) {
    font-family: "Cairo", sans-serif !important;
}

/* Cairo's Arabic glyphs are tall; Bootstrap's 1.5 / 1.2 defaults crowd lines together */
html body.rtl {
    line-height: 1.8;
}

html body.rtl :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    line-height: 1.5;
}

/* These relied on the "Noto Sans Bold/SemiBold" family names for their weight */
html body.rtl .changeLang {
    font-weight: 700;
}

html body.rtl .semiBold,
html body.rtl .ft-pop-cust-semi {
    font-weight: 600;
}

.tabs-container button {
    font-size: 20px !important;
}

.nav-item .nav-link {
    color: #203c83 !important;
}