/* RTL layout helpers when document dir="rtl" (Arabic). */

html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] .dropdown-menu-end {
    right: auto;
    left: 0;
}

html[dir="rtl"] .sidebar.border-end {
    border-right: 0 !important;
    border-left: 1px solid var(--bs-border-color, #dee2e6) !important;
}

html[dir="rtl"] .offcanvas-start {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

html[dir="rtl"] .offcanvas-start.show {
    transform: none;
}

html[dir="rtl"] .btn-close {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .input-group > :not(:first-child) {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

html[dir="rtl"] .input-group > :not(:last-child) {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html[dir="rtl"] .bi-chevron-left,
html[dir="rtl"] .bi-chevron-right,
html[dir="rtl"] .bi-arrow-left,
html[dir="rtl"] .bi-arrow-right {
    transform: scaleX(-1);
}