/* Shared text typography for Homepage, Client and Admin. Icon fonts stay independent. */
:root {
    --app-font-family: Arial, Helvetica, sans-serif;
    --font-theme: var(--app-font-family);
    --nencer-font: var(--app-font-family);
    --bs-font-sans-serif: var(--app-font-family);
    --bs-body-font-family: var(--app-font-family);
    --bs-font-monospace: var(--app-font-family);
}

body,
h1, h2, h3, h4, h5, h6,
button,
input,
select,
textarea,
optgroup,
.tooltip,
.popover {
    font-family: var(--app-font-family);
}

/* Component and vendor UI text must not fall back to a separate heading/code font. */
.badge,
.btn,
.form-control,
.form-select,
.form-label,
.dropdown-menu,
.modal,
.table,
.alert,
code, kbd, pre, samp,
.font-monospace {
    font-family: var(--app-font-family);
}

/* Arial 800/850/900 has a visibly different heavy face on some systems.
   Use the regular bold face, including nested <strong> and Bootstrap bolder. */
b, strong {
    font-weight: 700;
}
.fw-bolder {
    font-weight: 700 !important;
}

/* Editor chrome and source fields otherwise use their own vendor font defaults. */
.cke_reset_all,
.cke_reset_all :is(a, span, label, input, select, textarea, button),
.cke_source,
.note-editable,
.note-codable {
    font-family: var(--app-font-family) !important;
}

/* Video controls define Roboto independently of the page. Preserve their icon glyphs. */
.shaka-video-container,
.shaka-overflow-playback-rate-mark,
.shaka-overflow-quality-mark,
.shaka-tooltips-on > .shaka-tooltip-status::after,
.shaka-tooltips-on > .shaka-tooltip::after {
    font-family: var(--app-font-family) !important;
}

/* Old article HTML may contain inline font styles or legacy <font face> tags.
   Override only text elements in published content, never the icon classes. */
:is(.nencer-news-content, .nencer-static-content, .ticket-message, .note-editable, .cke_editable)
    :is(p, div, span, a, font, b, strong, em, i, u, s, small, li, td, th, blockquote, pre, code, h1, h2, h3, h4, h5, h6):not(.fa, .fas, .far, .fal, .fab, .fad, .bi, [class^="bi-"], [class*=" bi-"]) {
    font-family: var(--app-font-family) !important;
}