/* Arabic RTL Overrides */
[dir="rtl"] {
    direction: rtl;
}

[dir="rtl"] body {
    font-family: 'Cairo', 'IBM Plex Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
}

[dir="rtl"] h1, 
[dir="rtl"] h2, 
[dir="rtl"] h3, 
[dir="rtl"] h4, 
[dir="rtl"] h5, 
[dir="rtl"] h6 {
    font-family: 'Cairo', 'IBM Plex Arabic', sans-serif;
    font-weight: 700;
}

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

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

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

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

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

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

[dir="rtl"] .footer-content {
    direction: rtl;
}

[dir="rtl"] .framework-number {
    left: 20px;
    right: auto;
}

[dir="rtl"] ul, [dir="rtl"] ol {
    padding-right: 2rem;
    padding-left: 0;
}

[dir="rtl"] .feature-block::before {
    left: auto;
    right: 0;
}

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

@media (max-width: 768px) {
    [dir="rtl"] .nav-menu {
        right: -100%;
        left: auto;
    }
    
    [dir="rtl"] .nav-menu.active {
        right: 0;
        left: auto;
    }
}

/* Additional RTL Navigation Fixes */
[dir="rtl"] .nav-logo {
    order: 2;
}

[dir="rtl"] .mobile-toggle {
    order: 1;
    margin-left: 0;
}

@media (max-width: 768px) {
    [dir="rtl"] .nav-menu {
        flex-direction: column;
    }
    
    [dir="rtl"] .nav-container {
        justify-content: space-between;
    }
}