/* RTL Main Overrides */

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

/* Sidebar Positioning */
[dir="rtl"] .ol-sidebar {
    left: auto;
    right: 0;
}

[dir="rtl"] .ol-sidebar-content {
    left: auto;
    right: 262px;
    width: calc(100% - 262px);
}

/* Sidebar Hide State */
[dir="rtl"] .ol-sidebar.hide {
    left: auto;
    right: 0;
}

[dir="rtl"] .ol-sidebar.hide ~ .ol-sidebar-content {
    left: auto;
    right: 80px;
    width: calc(100% - 80px);
}

/* Responsive Overrides (Mobile) */
@media all and (max-width: 991px) {
    [dir="rtl"] .ol-sidebar {
        left: auto;
        right: -262px;
    }
    [dir="rtl"] .ol-sidebar.hide {
        left: auto;
        right: 0;
    }
    [dir="rtl"] .ol-sidebar.hide ~ .ol-sidebar-content {
        left: auto;
        right: 0;
        width: 100%;
    }
    [dir="rtl"] .ol-sidebar-content {
        left: auto;
        right: 0;
        width: 100%;
    }
}

/* Icon Flipping */
[dir="rtl"] i[class*="angle-small-right"]::before,
[dir="rtl"] i[class*="angle-right"]::before,
[dir="rtl"] i[class*="arrow-right"]::before,
[dir="rtl"] i[class*="chevron-right"]::before,
[dir="rtl"] i[class*="arrow-right-from-bracket"]::before {
    display: inline-block;
    transform: scaleX(-1);
}

/* Sidebar Submenu Arrow (Background Image) */
[dir="rtl"] .first-li-have-sub > a::after {
    left: 16px;
    right: auto;
    transform: translateY(-50%) scaleX(-1);
}

[dir="rtl"] .first-li-have-sub.active > a:after {
    transform: translateY(-50%) rotate(90deg) scaleX(-1);
}

/* Sidebar text and icons margin/padding */
[dir="rtl"] .sidebar-first-li > a {
    column-gap: 16px;
}

[dir="rtl"] .sidebar-second-li > a {
    padding-left: 0;
    padding-right: 18px;
}
[dir="rtl"] .sidebar-second-li > a::after {
    left: auto;
    right: 0;
}

[dir="rtl"] .first-sub-menu {
    padding: 10px 36px 15px 15px;
}

[dir="rtl"] .sidebar-third-li > a {
    padding-left: 0;
    padding-right: 15px;
}
[dir="rtl"] .sidebar-third-li > a::after {
    left: auto;
    right: 0;
}

/* Header Adjustments */
[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}
[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Padding/Margin Utility Fixes (Essential ones) */
[dir="rtl"] .pe-2 { padding-left: .5rem !important; padding-right: 0 !important; }
[dir="rtl"] .ps-2 { padding-right: .5rem !important; padding-left: 0 !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }

/* Custom Backend Spacing Classes Fixes */
[dir="rtl"] .px-10px {
    padding-left: 10px;
    padding-right: 10px;
}
/* These are actually fine as they are symmetrical */

/* Form controls */
[dir="rtl"] .form-control {
    text-align: right;
}

/* Select2 RTL */
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}