/* ================================================
   RTL Overrides - rtl.css
   Applied only when locale = ar
   ================================================ */

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

[dir="rtl"] .table th,
[dir="rtl"] .table td { text-align: right; }

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

/* Sidebar mobile RTL */
[dir="rtl"] .sidebar {
    right: 0; left: auto;
    transform: translateX(100%);
}
[dir="rtl"] .sidebar.is-open { transform: translateX(0); }

/* Alert border */
[dir="rtl"] .alert {
    border-left: none;
    border-right: 4px solid currentColor;
}

/* Dropdown */
[dir="rtl"] .dropdown-menu { right: auto; left: 0; }

/* Stat card bottom bar stays full width - no change needed */

/* Sidebar link */
[dir="rtl"] .sidebar-link { flex-direction: row-reverse; }

/* Breadcrumb sep */
[dir="rtl"] .breadcrumb-sep::after { content: '‹'; }

/* Qty control borders */
[dir="rtl"] .qty-input {
    border-right: 1.5px solid var(--color-border);
    border-left: 1.5px solid var(--color-border);
}

/* Select arrow */
[dir="rtl"] select.form-control {
    background-position: left var(--space-3) center;
    padding-right: var(--space-4);
    padding-left: var(--space-10);
}

/* Navbar search icon */
[dir="rtl"] .navbar-search-btn {
    right: auto;
    left: var(--space-3);
}
[dir="rtl"] .navbar-search input {
    padding-right: var(--space-5);
    padding-left: var(--space-10);
}

/* Password toggle */
[dir="rtl"] .input-password-wrapper .form-control {
    padding-left: var(--space-4);
    padding-right: 2.75rem;
}
[dir="rtl"] .password-toggle {
    left: auto;
    right: var(--space-3);
}

/* Footer address */
[dir="rtl"] address { text-align: right; }

/* Navbar top controls */
[dir="rtl"] .navbar-top-controls { margin-right: 0; margin-left: auto; }

/* Sidebar toggle */
[dir="rtl"] #sidebar-toggle { margin-right: 0; margin-left: var(--space-3); }

/* Alert close */
[dir="rtl"] .alert-close { margin-left: 0; margin-right: auto; }

/* List indent */
[dir="rtl"] ul.indented { padding-right: 1.5rem; padding-left: 0; }

/* Table horizontal scroll fix */
[dir="rtl"] .table-wrapper { direction: rtl; }
[dir="rtl"] .table-wrapper > table { direction: rtl; }

@media (max-width: 1024px) {
    [dir="rtl"] .sidebar {
        right: 0; left: auto;
        transform: translateX(100%);
    }
    [dir="rtl"] .sidebar.is-open { transform: translateX(0); }
}

/* Show sidebar on desktop RTL */
@media (min-width: 1025px) {
    [dir="rtl"] .sidebar {
        display: block;
        position: sticky;
        transform: none !important;
        right: 0;
        left: auto;
    }
    [dir="rtl"] .layout-with-sidebar .page-content {
        width: auto;
        flex: 1;
    }
}