/* Lightweight RTL compatibility layer for local Bootstrap CSS. */
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }
html[dir="rtl"] .float-start { float: right !important; }
html[dir="rtl"] .float-end { float: left !important; }

html[dir="rtl"] .ms-0 { margin-right: 0 !important; margin-left: initial !important; }
html[dir="rtl"] .ms-1 { margin-right: .25rem !important; margin-left: initial !important; }
html[dir="rtl"] .ms-2 { margin-right: .5rem !important; margin-left: initial !important; }
html[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: initial !important; }
html[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: initial !important; }
html[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: initial !important; }
html[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: initial !important; }
html[dir="rtl"] .me-0 { margin-left: 0 !important; margin-right: initial !important; }
html[dir="rtl"] .me-1 { margin-left: .25rem !important; margin-right: initial !important; }
html[dir="rtl"] .me-2 { margin-left: .5rem !important; margin-right: initial !important; }
html[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: initial !important; }
html[dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: initial !important; }
html[dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: initial !important; }
html[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: initial !important; }

html[dir="rtl"] .ps-0 { padding-right: 0 !important; padding-left: initial !important; }
html[dir="rtl"] .ps-1 { padding-right: .25rem !important; padding-left: initial !important; }
html[dir="rtl"] .ps-2 { padding-right: .5rem !important; padding-left: initial !important; }
html[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: initial !important; }
html[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: initial !important; }
html[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: initial !important; }
html[dir="rtl"] .pe-0 { padding-left: 0 !important; padding-right: initial !important; }
html[dir="rtl"] .pe-1 { padding-left: .25rem !important; padding-right: initial !important; }
html[dir="rtl"] .pe-2 { padding-left: .5rem !important; padding-right: initial !important; }
html[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: initial !important; }
html[dir="rtl"] .pe-4 { padding-left: 1.5rem !important; padding-right: initial !important; }
html[dir="rtl"] .pe-5 { padding-left: 3rem !important; padding-right: initial !important; }

@media (max-width: 991.98px) {
    html[dir="rtl"] .offcanvas-start {
        right: 0;
        left: auto;
        border-right: 0;
        border-left: var(--bs-border-width) solid var(--bs-border-color-translucent);
        transform: translateX(100%);
    }
    html[dir="rtl"] .offcanvas-end {
        right: auto;
        left: 0;
        border-right: var(--bs-border-width) solid var(--bs-border-color-translucent);
        border-left: 0;
        transform: translateX(-100%);
    }
    html[dir="rtl"] .offcanvas.show:not(.hiding),
    html[dir="rtl"] .offcanvas.showing { transform: none; }
}