/* Arabic Font Override CSS - Maximum Specificity */
/* This file MUST override ALL other font declarations */

/* Force Arabic font with absolute maximum specificity */
html,
html body,
body,
body *,
* {
    font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Override with even higher specificity using attribute selectors */
html *,
body *,
#app *,
.container *,
.row *,
.col *,
[class*="font"],
[class*="text"],
[class*="btn"],
[class*="form"],
[class*="input"],
[class*="label"],
[class*="nav"],
[class*="header"],
[class*="footer"],
[class*="main"],
[class*="section"],
[class*="article"],
[class*="aside"] {
    font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Override Bootstrap and framework fonts with maximum specificity */
:root,
:root *,
[data-bs-theme=light],
[data-bs-theme=light] *,
[data-bs-theme=dark],
[data-bs-theme=dark] * {
    --bs-body-font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
    --bs-font-sans-serif: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
    --bs-font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Override specific elements with maximum specificity */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, span, div, a, button, input, textarea, select,
label, table, th, td, li, ul, ol,
nav, header, footer, main, section, article, aside {
    font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Override Bootstrap components with maximum specificity */
.btn,
.form-control,
.input-group,
.navbar,
.navbar-nav,
.navbar-brand,
.dropdown-menu,
.modal,
.modal-header,
.modal-body,
.modal-footer,
.card,
.card-header,
.card-body,
.card-footer,
.table,
.table th,
.table td,
.list-group,
.list-group-item,
.pagination,
.page-link,
.breadcrumb,
.breadcrumb-item,
.alert,
.badge,
.progress,
.progress-bar {
    font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Override any inline styles with maximum specificity */
[style*="font-family"] {
    font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Force Arabic font for all pseudo-elements */
*::before,
*::after {
    font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Override any remaining font declarations with the highest possible specificity */
html *,
body *,
#app *,
.container *,
.row *,
.col *,
[class*="font"],
[class*="text"],
[class*="btn"],
[class*="form"],
[class*="input"],
[class*="label"],
[class*="nav"],
[class*="header"],
[class*="footer"],
[class*="main"],
[class*="section"],
[class*="article"],
[class*="aside"],
[class*="card"],
[class*="modal"],
[class*="table"],
[class*="list"],
[class*="pagination"],
[class*="breadcrumb"],
[class*="alert"],
[class*="badge"],
[class*="progress"] {
    font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}

/* Override any CSS variables */
:root,
:root * {
    --font-family: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
    --font-family-sans: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
    --font-family-serif: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
    --font-family-monospace: 'SST-Arabic', 'Arial', 'Helvetica', sans-serif !important;
}