/* ===================================
   RTL STYLES (Arabic Language)
   =================================== */

body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
}

/* ─── Top Bar RTL ─── */
body.rtl .top-bar .container {
    flex-direction: row-reverse;
}

body.rtl .top-bar-contact {
    flex-direction: row-reverse;
}

body.rtl .social-links {
    flex-direction: row-reverse;
}

body.rtl .language-switcher {
    flex-direction: row-reverse;
}

/* ─── Header RTL ─── */
body.rtl .nav-container {
    flex-direction: row-reverse;
}

body.rtl .logo {
    flex-direction: row-reverse;
}

body.rtl nav ul {
    flex-direction: row-reverse;
}

body.rtl nav ul li a {
    flex-direction: row-reverse;
}

/* ─── Dropdown RTL ─── */
body.rtl .dropdown-menu {
    left: auto;
    right: 0;
}

body.rtl .dropdown-menu li a {
    flex-direction: row-reverse;
}

/* ─── Buttons RTL ─── */
body.rtl .btn {
    flex-direction: row-reverse;
}

body.rtl .hero-content .cta-buttons {
    flex-direction: row-reverse;
}

/* ─── Footer RTL ─── */
body.rtl .footer-content {
    text-align: right;
}

/* ===================================
   Mobile RTL (max-width: 768px)
   =================================== */
@media (max-width: 768px) {

    /* القائمة تفتح من اليمين بدل اليسار */
    body.rtl nav {
        left: auto;
        right: -100%;
        transition: right 0.35s ease;
        box-shadow: -3px 0 15px rgba(0,0,0,0.4);
    }

    body.rtl nav.active {
        right: 0;
        left: auto;
    }

    /* النص والـ chevron في القائمة */
    body.rtl nav ul li a {
        justify-content: flex-start;
        flex-direction: row-reverse;
        text-align: right;
    }

    /* الـ chevron ينتقل لليسار في RTL */
    body.rtl .dropdown > a .fa-chevron-down {
        margin-left: 0;
        margin-right: auto;
    }

    /* الـ dropdown items في RTL */
    body.rtl .dropdown-menu li a {
        padding: 14px 50px 14px 22px;
        text-align: right;
        flex-direction: row-reverse;
    }

    /* الـ footer في المنتصف على الموبايل حتى في RTL */
    body.rtl .footer-content {
        text-align: center;
    }

    body.rtl .footer-section p {
        justify-content: center;
    }

    body.rtl .footer-section p i {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Top bar في المنتصف على الموبايل في RTL */
    body.rtl .top-bar .container {
        flex-direction: column;
        align-items: center;
    }

    body.rtl .top-bar-contact {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}