/*
 * Google Fonts: Roboto (English / LTR) — Cairo (Arabic / RTL)
 * English keeps the existing Roboto-based UI; Arabic switches to Cairo.
 */

html:not([dir="rtl"]) {
    --font-default: 'Roboto', sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --font-primary: 'Roboto', sans-serif;
}

html[dir="rtl"] {
    --font-default: 'Cairo', sans-serif;
    --font-primary: 'Cairo', sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] .wrapper,
html[dir="rtl"] .main-sidebar,
html[dir="rtl"] .content-wrapper,
html[dir="rtl"] .main-header,
html[dir="rtl"] .sidebar-menu,
html[dir="rtl"] .box,
html[dir="rtl"] .form-control,
html[dir="rtl"] .btn,
html[dir="rtl"] .table,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .nav-tabs-custom > li > a,
html[dir="rtl"] .select2-container--default .select2-selection--single,
html[dir="rtl"] .bootstrap-select .dropdown-toggle,
html[dir="rtl"] .info-box,
html[dir="rtl"] label,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] .toparea,
html[dir="rtl"] .navbar,
html[dir="rtl"] .newscontent,
html[dir="rtl"] .catelist,
html[dir="rtl"] footer,
html[dir="rtl"] .top-content,
html[dir="rtl"] .inner-bg {
    font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] .box-title,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .panel-title {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}