/**
 * RTL (Right-to-Left) Support for Arabic
 */

/* Typography adjustments for Arabic */
[dir="rtl"] {
    font-family: 'Segoe UI', Tahoma, 'Noto Sans Arabic', 'Droid Arabic Naskh', Arial, sans-serif;
}

/* Sidebar adjustments */
[dir="rtl"] .sidebar {
    border-right: none;
    border-left: 1px solid var(--border-color);
}

/* Navigation icons */
[dir="rtl"] .nav-item {
    flex-direction: row;
}

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

/* Icon margins in menu items */
[dir="rtl"] .dropdown-item i,
[dir="rtl"] .btn i {
    margin-right: 0;
    margin-left: 8px;
}

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

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

/* Stat cards */
[dir="rtl"] .stat-card {
    flex-direction: row-reverse;
}

/* Card actions */
[dir="rtl"] .card-actions {
    flex-direction: row-reverse;
}

/* Alert icons */
[dir="rtl"] .alert {
    flex-direction: row-reverse;
}

/* Badge icons */
[dir="rtl"] .badge {
    flex-direction: row-reverse;
}

/* FAQ accordion */
[dir="rtl"] .faq-question {
    flex-direction: row-reverse;
}

/* Support card icon placement */
[dir="rtl"] .support-card {
    text-align: right;
}

/* Footer */
[dir="rtl"] .footer {
    direction: rtl;
}

/* Login form */
[dir="rtl"] .login-container {
    text-align: right;
}

/* Mobile menu toggle */
[dir="rtl"] .mobile-menu-toggle {
    margin-left: auto;
    margin-right: 0;
}

/* App tile meta info */
[dir="rtl"] .app-tile-meta {
    direction: rtl;
}

/* Grid gap adjustments - mirrors for RTL */
[dir="rtl"] .grid {
    direction: rtl;
}

/* Chevron/arrow icons rotation */
[dir="rtl"] .fa-chevron-right {
    transform: rotate(180deg);
}

[dir="rtl"] .fa-chevron-left {
    transform: rotate(180deg);
}

[dir="rtl"] .fa-arrow-right {
    transform: rotate(180deg);
}

[dir="rtl"] .fa-arrow-left {
    transform: rotate(180deg);
}

/* Topbar adjustments */
[dir="rtl"] .topbar-actions {
    flex-direction: row-reverse;
}

/* Logo in RTL */
[dir="rtl"] .logo {
    flex-direction: row-reverse;
}

/* Checksum/code display - keep LTR for technical strings */
[dir="rtl"] .checksum-value,
[dir="rtl"] .version-number,
[dir="rtl"] code,
[dir="rtl"] pre {
    direction: ltr;
    text-align: left;
    unicode-bidi: embed;
}