/* Locale faces: Cairo for Arabic, Heebo for Hebrew / default. Local files only. */

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 400 800;
    font-display: block;
    src: url("../fonts/cairo/arabic.woff2?v=cairo1") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 400 800;
    font-display: block;
    src: url("../fonts/cairo/latin.woff2?v=cairo1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Heebo;
    font-style: normal;
    font-weight: 400 800;
    font-display: block;
    src: url("../fonts/heebo/hebrew.woff2?v=heebo1") format("woff2");
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: Heebo;
    font-style: normal;
    font-weight: 400 800;
    font-display: block;
    src: url("../fonts/heebo/latin.woff2?v=heebo1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    --tf-face-ar: Cairo, sans-serif;
    --tf-face-he: Heebo, sans-serif;
    --tf-admin-font: var(--tf-face-he) !important;
    --ax-face: var(--tf-face-he) !important;
    --fnx-font: var(--tf-face-he) !important;
    --fnx-font-arabic: var(--tf-face-ar) !important;
    --fnx-font-hebrew: var(--tf-face-he) !important;
    --fnx-font-latin: var(--tf-face-he) !important;
    --bs-body-font-family: var(--tf-face-he) !important;
    --bs-font-sans-serif: var(--tf-face-he) !important;
}

html[lang="ar"] {
    --tf-admin-font: var(--tf-face-ar) !important;
    --ax-face: var(--tf-face-ar) !important;
    --fnx-font: var(--tf-face-ar) !important;
    --bs-body-font-family: var(--tf-face-ar) !important;
    --bs-font-sans-serif: var(--tf-face-ar) !important;
}

html[lang="he"] {
    --tf-admin-font: var(--tf-face-he) !important;
    --ax-face: var(--tf-face-he) !important;
    --fnx-font: var(--tf-face-he) !important;
    --bs-body-font-family: var(--tf-face-he) !important;
    --bs-font-sans-serif: var(--tf-face-he) !important;
}

html,
body,
.fnx-root,
.fnx-auth,
.fnx-gate,
.fnx-panel,
.fnx-panel__title,
.fnx-panel__lead,
.fnx-field__lab,
.fnx-btn,
.fnx-btn__text,
body.occ-app {
    font-family: var(--tf-admin-font) !important;
}

html[lang="ar"] .fnx-root *,
html[lang="ar"] body.occ-app * {
    font-family: Cairo, sans-serif !important;
}

html[lang="he"] .fnx-root *,
html[lang="he"] body.occ-app *,
html:not([lang="ar"]) .fnx-root *,
html:not([lang="ar"]) body.occ-app * {
    font-family: Heebo, sans-serif !important;
}

.oa-mono,
.occ-num,
code,
kbd,
pre,
samp {
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}

.fnx-root .bi,
.fnx-root [class^="bi-"],
.fnx-root [class*=" bi-"],
body.occ-app .bi,
body.occ-app [class^="bi-"],
body.occ-app [class*=" bi-"] {
    font-family: "bootstrap-icons" !important;
}
