/* BS-exact font fallback chain — body + interactive elements
 * Rule #117 + #158 root-cause fix (2026-05-11): blanket rule cascaded to .fas/.far/.fab,
 * overriding Font Awesome's font-family declaration with higher specificity (0,2,1 vs 0,1,0).
 * Result: all FA icons rendered as Roboto glyphs → broken X-mark squares in mobile UI.
 * Fix: scope :not() exclusion for FA icon classes; keep Roboto for body + form fields. */
html.mobile-root body.mobile-site,
html.mobile-root body.mobile-site input,
html.mobile-root body.mobile-site button,
html.mobile-root body.mobile-site select,
html.mobile-root body.mobile-site textarea {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* Font Awesome glyph family restore — specificity match (0,2,1) to beat blanket above.
 * FA 6.4.0 ships three font-family namespaces; explicit fallback ensures no glyph re-map. */
html.mobile-root body.mobile-site .fa,
html.mobile-root body.mobile-site .fas,
html.mobile-root body.mobile-site .far,
html.mobile-root body.mobile-site .fab,
html.mobile-root body.mobile-site .fa-solid,
html.mobile-root body.mobile-site .fa-regular,
html.mobile-root body.mobile-site .fa-brands,
html.mobile-root body.mobile-site [class^="fa-"],
html.mobile-root body.mobile-site [class*=" fa-"],
html.mobile-root body.mobile-site .fa::before,
html.mobile-root body.mobile-site .fas::before,
html.mobile-root body.mobile-site .far::before,
html.mobile-root body.mobile-site .fab::before,
html.mobile-root body.mobile-site .fa-solid::before,
html.mobile-root body.mobile-site .fa-regular::before,
html.mobile-root body.mobile-site .fa-brands::before,
html.mobile-root body.mobile-site [class^="fa-"]::before,
html.mobile-root body.mobile-site [class*=" fa-"]::before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free"), "Font Awesome 6 Brands" !important;
}

/* Brands variant — FA brands fonts use a separate font-face declaration */
html.mobile-root body.mobile-site .fab,
html.mobile-root body.mobile-site .fa-brands,
html.mobile-root body.mobile-site .fab::before,
html.mobile-root body.mobile-site .fa-brands::before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* BetConstruct icon namespace — preserved (header.min.css already !important sets these,
 * but ensure no body.mobile-site override leaks) */
html.mobile-root body.mobile-site [class^="bc-i-"],
html.mobile-root body.mobile-site [class*=" bc-i-"] {
    font-family: "BetConstruct-Icons" !important;
}