/**
 * TMT - Target Mock Test
 * RTL Support Stylesheet
 * 
 * यह RTL (Right-to-Left) Support के लिए CSS है।
 * Hindi, Urdu, Arabic जैसी भाषाओं के लिए।
 */

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

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

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

/* ============================================
   HEADER
   ============================================ */
[dir="rtl"] .header-left {
    order: 2;
}

[dir="rtl"] .header-right {
    order: 1;
}

[dir="rtl"] .header-language .lang-link {
    margin-left: 0;
    margin-right: 4px;
}

[dir="rtl"] .header-language .lang-separator {
    margin: 0 2px;
}

/* ============================================
   SIDEBAR
   ============================================ */
[dir="rtl"] .sidebar-menu {
    right: auto;
    left: -100%;
}

[dir="rtl"] .sidebar-menu.open {
    right: auto;
    left: 0;
}

[dir="rtl"] .sidebar-nav-link {
    border-left: none;
    border-right: 3px solid transparent;
}

[dir="rtl"] .sidebar-nav-link.active {
    border-right-color: var(--primary, #0d47a1);
}

[dir="rtl"] .sidebar-nav-link i {
    margin-left: 12px;
    margin-right: 0;
}

[dir="rtl"] .sidebar-close {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .sidebar-language-options {
    flex-direction: row-reverse;
}

/* ============================================
   TEST PAGE
   ============================================ */
[dir="rtl"] .test-question-text {
    border-left: none;
    border-right: 4px solid var(--primary-light, #42a5f5);
}

[dir="rtl"] .test-option {
    flex-direction: row-reverse;
}

[dir="rtl"] .test-option .option-label {
    margin-left: 8px;
    margin-right: 0;
}

[dir="rtl"] .test-option .option-icon {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .test-question-timer i {
    margin-left: 4px;
    margin-right: 0;
}

[dir="rtl"] .test-navigation {
    flex-direction: row-reverse;
}

[dir="rtl"] .test-nav-btn i {
    transform: scaleX(-1);
}

[dir="rtl"] .test-status-dot {
    margin-left: 4px;
    margin-right: 0;
}

/* ============================================
   RESULT PAGE
   ============================================ */
[dir="rtl"] .result-question-review .q-analysis {
    border-left: none;
    border-right: 3px solid var(--warning, #f57c00);
}

[dir="rtl"] .result-question-review .q-options {
    padding-left: 0;
    padding-right: 16px;
}

[dir="rtl"] .result-question-review .q-option .opt-label {
    margin-left: 4px;
    margin-right: 0;
}

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

[dir="rtl"] .form-container .form-row {
    direction: rtl;
}

[dir="rtl"] .checkbox-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .checkbox-group input[type="checkbox"] {
    margin-left: 8px;
    margin-right: 0;
}

/* ============================================
   ADMIN PANEL
   ============================================ */
[dir="rtl"] .admin-sidebar {
    border-right: none;
    border-left: 1px solid #e0e0e0;
}

[dir="rtl"] .admin-sidebar .nav-item {
    border-left: none;
    border-right: 3px solid transparent;
}

[dir="rtl"] .admin-sidebar .nav-item.active {
    border-right-color: #0d47a1;
}

[dir="rtl"] .admin-sidebar .nav-item i {
    margin-left: 12px;
    margin-right: 0;
}

[dir="rtl"] .admin-content {
    margin-left: 0;
    margin-right: 220px;
}

[dir="rtl"] .admin-topbar-actions a {
    margin-left: 0;
    margin-right: 4px;
}

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

[dir="rtl"] .table .status-badge {
    float: right;
}

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

[dir="rtl"] .alert-success {
    border-right-color: var(--success, #2e7d32);
}

[dir="rtl"] .alert-danger {
    border-right-color: var(--danger, #c62828);
}

[dir="rtl"] .alert-warning {
    border-right-color: var(--warning, #f57c00);
}

[dir="rtl"] .alert-info {
    border-right-color: var(--info, #00695c);
}

[dir="rtl"] .alert-dismissible .btn-close {
    right: auto;
    left: 12px;
}

/* ============================================
   MODAL
   ============================================ */
[dir="rtl"] .modal-footer {
    flex-direction: row-reverse;
}

[dir="rtl"] .modal-close {
    margin-left: 0;
    margin-right: auto;
}

/* ============================================
   PAGINATION
   ============================================ */
[dir="rtl"] .pagination {
    flex-direction: row-reverse;
}

[dir="rtl"] .pagination a i,
[dir="rtl"] .pagination span i {
    transform: scaleX(-1);
}

/* ============================================
   RESPONSIVE - RTL
   ============================================ */
@media (max-width: 768px) {
    [dir="rtl"] .admin-content {
        margin-right: 0;
    }
    
    [dir="rtl"] .sidebar-menu {
        right: auto;
        left: -100%;
    }
    
    [dir="rtl"] .sidebar-menu.open {
        right: auto;
        left: 0;
    }
}

/* ============================================
   END OF RTL.CSS
   ============================================ */