/* Right-to-left layout for Arabic and Persian. Bootstrap's own RTL build
   handles its components; these rules cover the pieces custom to this app. */
body,
h1, h2, h3, h4, h5, h6,
.brand-text,
.page-title {
    font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}

[dir="rtl"] .sidebar {
    transition: margin-right .2s ease;
}

[dir="rtl"] .sidebar.sidebar-toggled {
    margin-left: 0;
    margin-right: -246px;
}

[dir="rtl"] .nav-link i {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .text-end { text-align: left !important; }
[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .dropdown-menu-end { --bs-position: start; }

/* Money, numbers and codes stay left to right inside right-to-left text. */
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="password"] {
    direction: ltr;
    text-align: right;
}

@media (max-width: 900px) {
    [dir="rtl"] .sidebar {
        left: auto;
        right: 0;
        margin-left: 0;
        margin-right: -246px;
    }

    [dir="rtl"] .sidebar.sidebar-toggled {
        margin-right: 0;
    }
}