/* ===== Arabic RTL Layer (Phase 2) ===== */
:root {
    --font-ar: 'Tajawal', 'Noto Kufi Arabic', sans-serif;
}

html[lang="ar"] {
    direction: rtl;
}

html[lang="ar"] body {
    direction: rtl;
    text-align: right;
    font-family: var(--font-ar);
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .nav-logo,
html[lang="ar"] .footer-logo {
    font-family: var(--font-ar);
    letter-spacing: 0;
}

html[lang="ar"] .nav-menu,
html[lang="ar"] .mobile-menu,
html[lang="ar"] .hero-buttons,
html[lang="ar"] .footer-links,
html[lang="ar"] .related-projects-utility,
html[lang="ar"] .gallery-context-links-list,
html[lang="ar"] .explore-more-grid {
    direction: rtl;
}

html[lang="ar"] .section-title,
html[lang="ar"] .section-subtitle,
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] .contact-text,
html[lang="ar"] .project-location,
html[lang="ar"] .project-details,
html[lang="ar"] .project-about-text,
html[lang="ar"] .lifestyle-text {
    text-align: right;
}

html[lang="ar"] .language-switch a,`r`nhtml[lang="ar"] a.language-switch {
    font-family: var(--font-ar);
}

@media (max-width: 768px) {
    html[lang="ar"] .nav-menu {
        text-align: right;
    }
}