/* ============================================================ FLAVOR THEME — RTL SUPPORT (Arabic) ============================================================ NOTE: dir="rtl" on already reverses flex-direction: row so we do NOT add flex-direction: row-reverse here. ============================================================ */ body.lang-ar { font-family: var(--font-arabic); direction: rtl; text-align: right; } /* ── Header RTL ── */ .lang-ar .nav-menu a::after { left: auto; right: 0; } /* Mobile nav RTL */ @media (max-width: 768px) { .lang-ar .main-nav { right: auto; left: -100%; border-left: none; border-right: 1px solid var(--color-border); } .lang-ar .main-nav.active { left: 0; right: auto; } } /* ── Hero RTL ── */ .lang-ar .hero-content { text-align: center; } /* ── About RTL ── */ .lang-ar .about-text .section-label { text-align: right; } .lang-ar .about-text .section-label::before { left: auto; right: 0; transform: none; } .lang-ar .about-feature { text-align: right; } .lang-ar .about-float-card { right: auto; left: -30px; } /* ── Services RTL ── */ .lang-ar .service-card { text-align: right; } .lang-ar .service-card::before { transform-origin: right; } /* ── Cases RTL ── */ .lang-ar .case-card-body { text-align: right; } /* ── Contact RTL ── */ .lang-ar .contact-info { text-align: right; } .lang-ar .office-item { text-align: right; } .lang-ar .form-label { text-align: right; } /* ── Footer RTL ── */ .lang-ar .footer-brand { text-align: right; } .lang-ar .footer-col { text-align: right; } .lang-ar .footer-col ul a:hover { padding-left: 0; padding-right: 4px; } /* ── Button arrow flip ── */ .lang-ar .btn .btn-arrow { transform: scaleX(-1); } .lang-ar .btn:hover .btn-arrow { transform: scaleX(-1) translateX(-4px); } /* ── Section headers RTL ── */ .lang-ar .section-header { text-align: center; } .lang-ar .section-label::before { left: 50%; right: auto; transform: translateX(-50%); } /* ── Animations RTL ── */ .lang-ar [data-reveal="fade-left"] { transform: translateX(50px); } .lang-ar [data-reveal="fade-left"].revealed { transform: translateX(0); } .lang-ar [data-reveal="fade-right"] { transform: translateX(-50px); } .lang-ar [data-reveal="fade-right"].revealed { transform: translateX(0); } /* Image reveal RTL */ .lang-ar .image-reveal::after { transform-origin: left; } /* Line draw RTL */ .lang-ar .line-draw::after { transform-origin: right; } @media (max-width: 768px) { .lang-ar .about-float-card { left: auto; right: auto; } .lang-ar .footer-bottom { text-align: center; } }