/* AgriKhataPro - right-to-left layout for Urdu. Only applies when <html dir="rtl">.
   Bootstrap's own RTL stylesheet is loaded by the master page; these rules cover the
   custom sidebar and main layout, which are positioned in physical (left/right) terms. */

html[dir="rtl"] .sidebar {
    left: auto;
    right: 0;
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.05), -10px 0 30px rgba(3, 30, 15, 0.12);
}

html[dir="rtl"] .sidebar .sb-link.active::before {
    left: auto;
    right: -0.75rem;
}

html[dir="rtl"] .sidebar .sub-nav {
    padding-left: 0;
    padding-right: 0.7rem;
    border-left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

html[dir="rtl"] .sidebar .sub-nav .sb-link.active::before {
    left: auto;
    right: -0.7rem;
}

html[dir="rtl"] .sidebar .section-toggle {
    text-align: right;
}

html[dir="rtl"] .sidebar .toggle-icon {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .sb-search > i {
    left: auto;
    right: 0.8rem;
}

html[dir="rtl"] .main-wrapper {
    margin-left: 0;
    margin-right: var(--sb-w);
    width: calc(100% - var(--sb-w));
}

html[dir="rtl"].sb-collapsed .sidebar {
    transform: translateX(104%);
}

html[dir="rtl"].sb-collapsed .main-wrapper {
    margin-right: 0;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .sidebar {
        transform: translateX(104%);
    }

    html[dir="rtl"] .sidebar.show {
        transform: none;
    }

    html[dir="rtl"] .main-wrapper {
        margin-right: 0;
        width: 100%;
    }
}