/* RTL Fixes for Arabic Layout */

/* HIDE VERTICAL SCROLLBAR IN RTL as requested */
html[dir="rtl"] body,
[dir="rtl"] body {
    overflow-y: auto; /* Allow scrolling but hide bar if possible */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

/* Hide scrollbar for Chrome/Safari/Opera */
html[dir="rtl"] body::-webkit-scrollbar,
[dir="rtl"] body::-webkit-scrollbar {
    display: none;
}

/* Fix navbar buttons being covered by scrollbar in RTL - CRITICAL FIX */
/* EXCLUDE sidenav to prevent breaking sidebar alignment */
html[dir="rtl"] nav.navbar:not(.sidenav),
html[dir="rtl"] .navbar:not(.sidenav),
[dir="rtl"] nav.navbar:not(.sidenav),
[dir="rtl"] .navbar:not(.sidenav) {
    padding-right: 40px !important;
}

/* Add padding to navbar items to avoid scrollbar */
html[dir="rtl"] .navbar:not(.sidenav) .navbar-nav,
[dir="rtl"] .navbar:not(.sidenav) .navbar-nav {
    margin-right: 20px !important;
    padding-right: 10px !important;
}

/* Fix guest navbar */
html[dir="rtl"] .navbar-expand-lg .navbar-collapse,
[dir="rtl"] .navbar-expand-lg .navbar-collapse {
    padding-right: 30px !important;
}

/* Fix navbar container */
html[dir="rtl"] .container-fluid,
[dir="rtl"] .navbar:not(.sidenav) .container-fluid {
    padding-right: 30px !important;
}

/* Fix scrollbar overlap with settings button in RTL mode */
html[dir="rtl"] .fixed-plugin .fixed-plugin-button,
[dir="rtl"] .fixed-plugin .fixed-plugin-button {
    left: 40px !important;
    right: auto !important;
}

/* Ensure scrollbar appears correctly in RTL */
[dir="rtl"] body {
    direction: rtl;
}

/* Additional RTL adjustments */
html[dir="rtl"] .fixed-plugin,
[dir="rtl"] .fixed-plugin {
    left: 0 !important;
    right: auto !important;
}

/* Prevent settings button from being under scrollbar */
@media (min-width: 768px) {
    html[dir="rtl"] .fixed-plugin .fixed-plugin-button,
    [dir="rtl"] .fixed-plugin .fixed-plugin-button {
        left: 50px !important;
    }
    
    /* Extra padding for larger screens */
    html[dir="rtl"] nav.navbar:not(.sidenav),
    html[dir="rtl"] .navbar:not(.sidenav) {
        padding-right: 50px !important;
    }
}