/* ============================================================
   ET.RFGateWay Admin — Arabic / RTL Stylesheet (rtl.css)
   Clean, bidirectional adaptations for Arabic locale.
   ============================================================ */

html[dir="rtl"],
[dir="rtl"] {
    direction: rtl;
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Cairo", "Tajawal", "Noto Sans Arabic", Inter, system-ui, sans-serif;
}

/* ---------------- Sidebar ---------------- */

html[dir="rtl"] .sidebar,
[dir="rtl"] .sidebar {
    border-right: none;
    border-left: 1px solid var(--rg-sidebar-border);
    background:
        radial-gradient(130% 55% at 100% 0%, rgba(99, 102, 241, 0.18) 0%, transparent 56%),
        linear-gradient(180deg, var(--rg-sidebar-accent) 0%, var(--rg-sidebar-bg) 36%);
}

html[dir="rtl"] .nav-link,
[dir="rtl"] .nav-link,
html[dir="rtl"] .nav-item,
[dir="rtl"] .nav-item {
    text-align: right;
}

html[dir="rtl"] .nav-item.active::before,
[dir="rtl"] .nav-item.active::before {
    left: auto;
    right: -12px;
    border-radius: 4px 0 0 4px;
}

html[dir="rtl"] .admin-shell.sidebar-collapsed .nav-item.active::before,
[dir="rtl"] .admin-shell.sidebar-collapsed .nav-item.active::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .nav-link-icon,
[dir="rtl"] .nav-link-icon {
    margin-left: var(--rg-space-3);
    margin-right: 0;
}

html[dir="rtl"] .nav-link-badge,
[dir="rtl"] .nav-link-badge {
    margin-left: 0;
    margin-right: auto;
}

/* Mobile Sidebar (<= 1024px) */
@media (max-width: 1024px) {
    html[dir="rtl"] .sidebar,
    [dir="rtl"] .sidebar {
        inset: 0 0 0 auto !important;
        transform: translateX(102%) !important;
    }

    html[dir="rtl"] .admin-shell.nav-open .sidebar,
    [dir="rtl"] .admin-shell.nav-open .sidebar {
        transform: translateX(0) !important;
    }
}

/* ---------------- Topbar & Shell Elements ---------------- */

html[dir="rtl"] .topbar,
[dir="rtl"] .topbar {
    border-bottom: 1px solid var(--rg-border);
}

html[dir="rtl"] .topbar-context,
[dir="rtl"] .topbar-context {
    border-left: none;
    border-right: 1px solid var(--rg-border);
    padding-left: 0;
    padding-right: var(--rg-space-3);
}

html[dir="rtl"] .topbar-right,
[dir="rtl"] .topbar-right {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .version-chip,
[dir="rtl"] .version-chip {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .user-meta,
[dir="rtl"] .user-meta {
    text-align: right;
}

/* ---------------- Drawer ---------------- */

html[dir="rtl"] .drawer,
[dir="rtl"] .drawer {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid var(--rg-border);
    animation: drawer-in-rtl 200ms var(--rg-ease);
}

html[dir="rtl"] .drawer-foot,
[dir="rtl"] .drawer-foot {
    justify-content: flex-start;
}

@keyframes drawer-in-rtl {
    from {
        transform: translateX(-40px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* ---------------- Modals ---------------- */

html[dir="rtl"] .modal-foot,
[dir="rtl"] .modal-foot {
    justify-content: flex-start;
}

/* ---------------- Toolbars & Search ---------------- */

html[dir="rtl"] .toolbar-search svg,
[dir="rtl"] .toolbar-search svg {
    left: auto;
    right: 11px;
}

html[dir="rtl"] .toolbar-search input,
[dir="rtl"] .toolbar-search input {
    padding-left: 12px;
    padding-right: 36px;
}

html[dir="rtl"] .toolbar-actions,
[dir="rtl"] .toolbar-actions,
html[dir="rtl"] .data-toolbar-actions,
[dir="rtl"] .data-toolbar-actions {
    margin-left: 0;
    margin-right: auto;
}

/* ---------------- Tables & Grids ---------------- */

html[dir="rtl"] table.data-table,
[dir="rtl"] table.data-table,
html[dir="rtl"] table.data-table th,
[dir="rtl"] table.data-table th,
html[dir="rtl"] table.data-table td,
[dir="rtl"] table.data-table td,
html[dir="rtl"] .data-grid th,
[dir="rtl"] .data-grid th,
html[dir="rtl"] .data-grid td,
[dir="rtl"] .data-grid td,
html[dir="rtl"] .data-grid-header,
[dir="rtl"] .data-grid-header,
html[dir="rtl"] .data-grid-cell,
[dir="rtl"] .data-grid-cell,
html[dir="rtl"] .table th,
[dir="rtl"] .table th,
html[dir="rtl"] .table td,
[dir="rtl"] .table td {
    text-align: right;
}

html[dir="rtl"] table.data-table th.col-actions,
[dir="rtl"] table.data-table th.col-actions,
html[dir="rtl"] table.data-table td.col-actions,
[dir="rtl"] table.data-table td.col-actions,
html[dir="rtl"] table.data-table th.cell-num,
[dir="rtl"] table.data-table th.cell-num,
html[dir="rtl"] table.data-table td.cell-num,
[dir="rtl"] table.data-table td.cell-num,
html[dir="rtl"] table.data-table .cell-num,
[dir="rtl"] table.data-table .cell-num,
html[dir="rtl"] .table th.col-actions,
[dir="rtl"] .table th.col-actions,
html[dir="rtl"] .table td.col-actions,
[dir="rtl"] .table td.col-actions,
html[dir="rtl"] .table th.text-right,
[dir="rtl"] .table th.text-right,
html[dir="rtl"] .table td.text-right,
[dir="rtl"] .table td.text-right {
    text-align: left;
}

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

/* ---------------- Input Groups ---------------- */

html[dir="rtl"] .input-group > :not(:last-child):not(.dropdown-toggle),
[dir="rtl"] .input-group > :not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--rg-radius-md);
    border-bottom-right-radius: var(--rg-radius-md);
}

html[dir="rtl"] .input-group > :not(:first-child),
[dir="rtl"] .input-group > :not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--rg-radius-md);
    border-bottom-left-radius: var(--rg-radius-md);
}

/* ---------------- Stat Cards & Utilities ---------------- */

html[dir="rtl"] .stat-card-head,
[dir="rtl"] .stat-card-head {
    flex-direction: row;
}

html[dir="rtl"] .lang-switch-btn,
[dir="rtl"] .lang-switch-btn {
    font-weight: 600;
    font-size: var(--rg-text-xs);
    letter-spacing: 0.04em;
}