/* Fix for navbar in RTL mode - keep the entire navbar LTR */
[dir="rtl"] .navbar {
    direction: ltr !important;
}

/* Fix for nav container in RTL mode */
[dir="rtl"] .nav-container {
    direction: ltr !important;
    display: flex !important;
    flex-direction: row !important;
}

/* Fix for nav logo in RTL mode */
[dir="rtl"] .nav-logo {
    direction: ltr !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Fix for nav menu in RTL mode */
[dir="rtl"] .nav-menu {
    direction: ltr !important;
    display: flex !important;
    flex-direction: row !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Fix for nav links text in RTL mode - only the text should be RTL */
[dir="rtl"] .nav-link {
    direction: ltr !important;
}

[dir="rtl"] .nav-link span {
    direction: rtl !important;
    display: inline-block !important;
}

/* Fix for language toggle in RTL mode */
[dir="rtl"] .language-toggle {
    direction: ltr !important;
    display: flex !important;
    flex-direction: row !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Fix for login button in RTL mode - only the text should be RTL */
[dir="rtl"] .login-btn {
    direction: ltr !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

[dir="rtl"] .login-btn span {
    direction: rtl !important;
    display: inline-block !important;
}

/* Fix for hamburger menu in RTL mode */
[dir="rtl"] .hamburger {
    direction: ltr !important;
    margin-left: 0 !important;
    margin-right: 20px !important;
}

/* Fix for mobile menu in RTL mode */
@media (max-width: 768px) {
    [dir="rtl"] .nav-menu.active {
        right: 0 !important;
        left: auto !important;
        direction: ltr !important;
    }
    
    [dir="rtl"] .nav-menu {
        right: -100% !important;
        left: auto !important;
        direction: ltr !important;
    }
}

/* Ensure language buttons stay in the same order */
[dir="rtl"] .lang-btn[data-lang="en"] {
    order: 1 !important;
}

[dir="rtl"] .lang-btn[data-lang="ar"] {
    order: 2 !important;
}