html[dir='rtl'] body {
    font-family: 'Cairo', sans-serif;
}

/* Sidebar + main offset are handled by logical properties in style.css
   (margin-inline-start / inset-inline-start flip automatically in RTL).
   Hardcoding physical px here broke every desktop breakpoint. */

html[dir='rtl'] .navbar-header,
html[dir='rtl'] .dashboard-main-body,
html[dir='rtl'] .navbar-search {
    direction: rtl;
}

html[dir='rtl'] .sidebar-toggle {
    transform: scaleX(-1);
}

html[dir='rtl'] .dropdown-menu {
    text-align: right;
}

html[dir='rtl'] input[type="tel"],
html[dir='rtl'] input[type="number"],
html[dir='rtl'] input[type="email"],
html[dir='rtl'] .phone-input,
html[dir='rtl'] .phone-ltr,
html[dir='rtl'] .phone-number,
html[dir='rtl'] bdi {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    display: inline-block;
}

html[dir='rtl'] .bidi-ltr {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left;
}