/* ===== RTL LAYOUT OVERRIDES ===== */ /* Applied when lang="ar" / dir="rtl" on element */ [lang="ar"] { font-family: 'Noto Kufi Arabic', sans-serif; } /* ===== NAV ===== */ [lang="ar"] .nav-links { flex-direction: row-reverse; } [lang="ar"] .nav-links a.active:not(.nav-cta):not(.nav-lang)::after { left: 0; right: 0; } /* ===== BUTTONS — flip arrow direction ===== */ [lang="ar"] .btn-primary svg, [lang="ar"] .product-card-link svg { transform: scaleX(-1); } [lang="ar"] .btn-primary:hover svg, [lang="ar"] .product-card-link:hover svg { transform: scaleX(-1) translateX(3px); } /* ===== SECTION HEADER ===== */ [lang="ar"] .section-eyebrow { flex-direction: row-reverse; } [lang="ar"] .section-title, [lang="ar"] .section-desc { direction: rtl; } /* ===== PAGE HERO ===== */ [lang="ar"] .page-hero h1, [lang="ar"] .page-hero p { direction: rtl; } [lang="ar"] .page-hero .breadcrumb { flex-direction: row-reverse; } /* ===== STATS ===== */ [lang="ar"] .stat-label { direction: rtl; } /* ===== PRODUCT CARDS ===== */ /* flip product-tag from right to left */ [lang="ar"] .product-tag { right: auto; left: 0.75rem; } [lang="ar"] .product-card-body h3, [lang="ar"] .product-card-body .ar-name, [lang="ar"] .product-card-body p { text-align: right; direction: rtl; } [lang="ar"] .product-card-tags { flex-direction: row-reverse; } [lang="ar"] .product-card-link { flex-direction: row-reverse; } /* ===== PROJECT CARDS ===== */ [lang="ar"] .project-card h3, [lang="ar"] .project-card p { text-align: right; direction: rtl; } /* ===== WHY CARDS ===== */ [lang="ar"] .why-card h3, [lang="ar"] .why-card p { direction: rtl; } /* ===== CONTACT ===== */ [lang="ar"] .contact-grid { direction: rtl; } [lang="ar"] .contact-info h2, [lang="ar"] .contact-info p { text-align: right; } [lang="ar"] .contact-detail { flex-direction: row-reverse; } [lang="ar"] .contact-detail-text { text-align: right; } [lang="ar"] .contact-form h3 { text-align: right; } [lang="ar"] .form-group label { text-align: right; direction: rtl; } [lang="ar"] .form-group input, [lang="ar"] .form-group textarea, [lang="ar"] .form-group select { direction: rtl; text-align: right; } /* ===== FOOTER ===== */ [lang="ar"] .footer-grid { direction: rtl; } [lang="ar"] .footer-brand p { text-align: right; direction: rtl; } [lang="ar"] .footer-col h4 { text-align: right; } [lang="ar"] .footer-col ul li a { display: block; text-align: right; } [lang="ar"] .footer-socials { flex-direction: row-reverse; } [lang="ar"] .footer-bottom { flex-direction: row-reverse; } /* ===== CERT ITEMS ===== */ [lang="ar"] .cert-item h4, [lang="ar"] .cert-item p { direction: rtl; } /* ===== GENERAL HEADING DIRECTION ===== */ [lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3, [lang="ar"] h4 { direction: rtl; } [lang="ar"] p { direction: rtl; }