/* Define SFUIDisplay Local Fonts */
@font-face {
    font-family: 'SFUIDisplay';
    src: url('SFUIDisplay/SFUIDisplay-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIDisplay';
    src: url('SFUIDisplay/SFUIDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIDisplay';
    src: url('SFUIDisplay/SFUIDisplay-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIDisplay';
    src: url('SFUIDisplay/SFUIDisplay-Thin.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIDisplay';
    src: url('SFUIDisplay/SFUIDisplay-Ultralight.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* Global Font Override */
html, body {
    font-family: 'SFUIDisplay', sans-serif !important;
}

/* Ensure common text elements use SFUIDisplay */
h1, h2, h3, h4, h5, h6, p, a, span, div, li, input, button, textarea {
    font-family: 'SFUIDisplay', sans-serif !important;
}

/* Robust FontAwesome 6 Protection */
/* This ensures icons use the correct font family even if a parent has Oswald */
.fa, .fas, .far, .fab, 
.fa-solid, .fa-regular, .fa-brands,
[class^="fa-"], [class*=" fa-"] {
    font-family: inherit !important; /* Default to FontAwesome's own styling */
}

/* Explicitly set font families for FA6 if inherit isn't enough */
.fa-solid, .fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.fa-regular, .far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}