/* RTL Layout Mirroring for Arabic Version */

body {
    direction: rtl;
    text-align: right;
}

/* Sidebar adjustments */
.sidebar {
    left: auto;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: none;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
}

.nav-link-content {
    text-align: right;
    flex-direction: row;
}

.nav-link.active {
    border-right: 3px solid var(--primary);
    border-left: none;
    background: linear-gradient(270deg, rgba(37, 99, 235, 0.15) 0%, rgba(139, 92, 246, 0.05) 100%);
}

/* Main content adjustments */
.main-wrapper {
    margin-left: 0;
    margin-right: var(--sidebar-width);
}

/* List margins */
.lo-list, .activity-steps {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

/* Cards & Callouts border flipping */
.callout {
    border-right: 4px solid var(--accent);
    border-left: none;
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}

.model-answer {
    border-right: 4px solid var(--secondary);
    border-left: none;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
}

/* Navigation headers and footers alignment */
.day-header {
    flex-direction: row;
}

.day-header div {
    text-align: right;
}

.day-meta {
    margin-left: 0;
    margin-right: auto;
}

.logo-subtext {
    text-align: right;
}

/* Mobile & Tablet adjustments */
@media (max-width: 768px) {
    .sidebar {
        transform: translateX(100%);
        right: 0;
        left: auto;
        height: calc(100vh - var(--header-height));
    }

    .sidebar.open {
        transform: translateX(0);
    }

    .main-wrapper {
        margin-right: 0;
        margin-left: 0;
    }
    
    .mobile-header {
        flex-direction: row-reverse;
    }
    
    .mobile-header .logo-container {
        flex-direction: row-reverse;
    }
    
    .mobile-header .lang-switch-btn {
        margin-left: 10px;
        margin-right: auto;
    }
}