/* RTL (Arabic Layout) Adjustments */
html[dir="rtl"] .app-sidebar {
    right: 0;
    left: auto;
}

html[dir="rtl"] .app-main {
    margin-right: var(--sidebar-width);
    margin-left: 0;
}

html[dir="ltr"] .app-sidebar {
    left: 0;
    right: auto;
}

html[dir="ltr"] .app-main {
    margin-left: var(--sidebar-width);
    margin-right: 0;
}

@media (max-width: 1024px) {
    html[dir="rtl"] .app-sidebar {
        transform: translateX(100%);
    }
    html[dir="rtl"] .app-sidebar.show {
        transform: translateX(0);
    }
    html[dir="ltr"] .app-sidebar {
        transform: translateX(-100%);
    }
    html[dir="ltr"] .app-sidebar.show {
        transform: translateX(0);
    }
    html[dir="rtl"] .app-main,
    html[dir="ltr"] .app-main {
        margin-left: 0;
        margin-right: 0;
    }
    .btn-sidebar-toggle {
        display: inline-flex !important;
    }
}

html[dir="rtl"] .sidebar-group-items {
    padding: 0 0.5rem 0 0;
}

html[dir="rtl"] .sidebar-group-items .menu-item a {
    border-left: none;
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
}

html[dir="rtl"] .sidebar-group-items .menu-item a:hover {
    border-right-color: #38bdf8;
}

html[dir="rtl"] .sidebar-group-items .menu-item.active a {
    border-right-color: #38bdf8;
}

/* Phone Numbers & LTR Text Isolation in Arabic RTL */
.ltr-text,
.phone-number,
[dir="ltr"] {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block;
    text-align: inherit;
    white-space: nowrap;
}

/* Phone input fields in RTL forms */
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input.phone-input {
    direction: ltr !important;
    text-align: right;
    unicode-bidi: isolate !important;
}