/* Arabic UI: Cairo from local assets */
@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/static/Cairo-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/static/Cairo-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/static/Cairo-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/static/Cairo-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html[dir="rtl"],
html[lang="ar"] {
    --bs-font-sans-serif: "Cairo", sans-serif;
    --bs-body-font-family: "Cairo", sans-serif;
}

html[dir="rtl"] body,
html[lang="ar"] body,
html[dir="rtl"] .btn,
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .table,
html[dir="rtl"] .card,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .alert,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .topbar-custom,
html[dir="rtl"] .app-sidebar-menu,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: "Cairo", sans-serif;
}