/* اصلاح کامل سایدبار RTL برای موبایل و دسکتاپ */

/* برای RTL Direction */
html[dir="rtl"] {
    --sidebar-width: 288px;
}

/* Navigation Wrapper در RTL */
html[dir="rtl"] .navigation_wrapper {
    right: 0 !important;
    left: auto !important;
}

html[dir="rtl"] #nav-sidebar {
    right: 0 !important;
    left: auto !important;
    border-right: 1px solid var(--color-base-200, #e5e7eb) !important;
    border-left: none !important;
}

/* مخصوص موبایل RTL */
@media (max-width: 1279px) {
    html[dir="rtl"] .navigation_wrapper {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        height: 100vh !important;
        width: var(--sidebar-width) !important;
        transform: translateX(100%) !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 50 !important;
    }
    
    /* زمانی که sidebar باز است */
    html[dir="rtl"] .navigation_wrapper.block\\! {
        transform: translateX(0%) !important;
    }
    
    /* sidebar content در موبایل RTL */
    html[dir="rtl"] .navigation_wrapper #nav-sidebar {
        right: 0 !important;
        left: auto !important;
        width: var(--sidebar-width) !important;
        height: 100vh !important;
        border-right: none !important;
        border-left: 1px solid var(--color-base-200, #e5e7eb) !important;
        box-shadow: -4px 0 6px -1px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Dark mode */
    html[dir="rtl"].dark .navigation_wrapper #nav-sidebar {
        border-left-color: var(--color-base-800, #374151) !important;
    }
}

/* دسکتاپ RTL - رفتار بهتر برای پنهان کردن */
@media (min-width: 1280px) {
    html[dir="rtl"] .navigation_wrapper {
        position: relative !important;
        transform: none !important;
        right: auto !important;
        width: var(--sidebar-width) !important;
        transition: width 0.3s ease, margin-right 0.3s ease !important;
    }
    
    /* حالت مخفی در دسکتاپ */
    html[dir="rtl"] .navigation_wrapper.xl\\:hidden\\! {
        width: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
    }
    
    /* مخفی کردن محتوا */
    html[dir="rtl"] .navigation_wrapper.xl\\:hidden\\! > div {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }
    
    /* نمایش محتوا */
    html[dir="rtl"] .navigation_wrapper:not(.xl\\:hidden\\!) > div {
        opacity: 1 !important;
        visibility: visible !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }
    
    html[dir="rtl"] .navigation_wrapper #nav-sidebar {
        border-right: 1px solid var(--color-base-200, #e5e7eb) !important;
        border-left: none !important;
        box-shadow: none !important;
    }
    
    html[dir="rtl"].dark .navigation_wrapper #nav-sidebar {
        border-right-color: var(--color-base-800, #374151) !important;
    }
}