/* ============================================================ ArtLux – rtl.css · RTL (Arabic) layout overrides Applied automatically when is set by lang.js ============================================================ */ /* ─── BASE ─────────────────────────────────────────────────── */ [dir="rtl"] body { font-family: 'Playfair Display', Georgia, 'Segoe UI', Tahoma, Arial, sans-serif; } [dir="rtl"] p, [dir="rtl"] span, [dir="rtl"] li, [dir="rtl"] label, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select, [dir="rtl"] button { font-family: 'Segoe UI', Tahoma, Arial, sans-serif; letter-spacing: 0; } /* ─── HEADER & NAV ──────────────────────────────────────────── */ [dir="rtl"] .al-header__main { flex-direction: row-reverse; } [dir="rtl"] .al-nav { flex-direction: row-reverse; } [dir="rtl"] .al-nav__cta { margin-left: 0; margin-right: 10px; } [dir="rtl"] .al-nav__link.active::after { left: 14px; right: 14px; } [dir="rtl"] .lang-switch { margin-left: 0; margin-right: 8px; } /* ─── MOBILE NAV ────────────────────────────────────────────── */ [dir="rtl"] .al-mobile-nav { direction: rtl; } [dir="rtl"] .lang-switch--mobile { flex-direction: row-reverse; } /* ─── FOOTER ────────────────────────────────────────────────── */ [dir="rtl"] .footer-container { direction: rtl; text-align: right; } [dir="rtl"] .footer-links ul { text-align: right; } [dir="rtl"] .footer-contact { text-align: right; } [dir="rtl"] .social-links { justify-content: flex-end; } [dir="rtl"] .copyright { direction: rtl; } /* ─── HERO ──────────────────────────────────────────────────── */ [dir="rtl"] .hero__text { text-align: right; } [dir="rtl"] .hero__actions { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .hero__eyebrow::before { display: none; } /* ─── PAGE HERO ─────────────────────────────────────────────── */ [dir="rtl"] .page-hero__content { text-align: right; } /* ─── BUTTONS / LINKS ───────────────────────────────────────── */ [dir="rtl"] .btn--outline svg { margin-left: 0; margin-right: 4px; } /* ─── FORMS ─────────────────────────────────────────────────── */ [dir="rtl"] .form-group label { text-align: right; display: block; } [dir="rtl"] .form-group select { background-position: left 1rem center; padding-right: 1rem; padding-left: 2.5rem; } [dir="rtl"] .form-grid { direction: rtl; } [dir="rtl"] .form-hint { margin-left: 0; margin-right: 0.5rem; } /* ─── COMMISSION CONFIGURATOR ───────────────────────────────── */ [dir="rtl"] .cfg-steps { flex-direction: row-reverse; } [dir="rtl"] .cfg-hint { text-align: right; } [dir="rtl"] .type-card__inner { text-align: right; align-items: flex-start; } [dir="rtl"] .dim-grid { direction: rtl; } [dir="rtl"] .cfg-nav { flex-direction: row-reverse; } [dir="rtl"] .cfg-btn--next { flex-direction: row-reverse; } [dir="rtl"] .cfg-btn--back { flex-direction: row-reverse; } [dir="rtl"] .upload-zone { direction: rtl; } [dir="rtl"] .upload-zone__browse { margin-left: 0; margin-right: 0.3rem; } [dir="rtl"] .upload-preview { flex-direction: row-reverse; } /* ─── PROCESS SECTION ───────────────────────────────────────── */ [dir="rtl"] .process-grid { direction: rtl; } [dir="rtl"] .process-card { text-align: right; } /* ─── FAQ ───────────────────────────────────────────────────── */ [dir="rtl"] .faq-item details summary { flex-direction: row-reverse; } [dir="rtl"] .faq-content { text-align: right; direction: rtl; } [dir="rtl"] .faq-content ul { margin-left: 0; margin-right: 1.2rem; } /* ─── SECTION TITLES ────────────────────────────────────────── */ [dir="rtl"] .section-title { text-align: right; direction: rtl; } [dir="rtl"] .section-title::after { left: auto; right: 50%; transform: translateX(50%); } [dir="rtl"] .section-title.center::after { right: 50%; transform: translateX(50%); } /* ─── ABOUT PAGE ────────────────────────────────────────────── */ [dir="rtl"] .founder-grid { direction: rtl; } [dir="rtl"] .founder-content { text-align: right; } [dir="rtl"] .founder-content .section-title::after { left: auto; right: 0; } [dir="rtl"] .service-card { text-align: right; } [dir="rtl"] .service-icon { margin: 0 0 1.4rem auto; } /* ─── GALLERY ───────────────────────────────────────────────── */ [dir="rtl"] .gallery-controls { flex-direction: row-reverse; } [dir="rtl"] .gallery-filters { flex-direction: row-reverse; } /* ─── PROJECTS ──────────────────────────────────────────────── */ [dir="rtl"] .projects-controls { flex-direction: row-reverse; } [dir="rtl"] .project-card__body { text-align: right; direction: rtl; } [dir="rtl"] .project-card__footer { flex-direction: row-reverse; } /* ─── CONTACT ───────────────────────────────────────────────── */ [dir="rtl"] .contact__grid { direction: rtl; } [dir="rtl"] .contact-form { direction: rtl; } [dir="rtl"] .form-row label { text-align: right; } [dir="rtl"] .info-card { text-align: right; direction: rtl; } [dir="rtl"] .contact-item { flex-direction: row-reverse; } [dir="rtl"] .contact-details { direction: rtl; } /* ─── FLOATING BUTTONS ──────────────────────────────────────── */ [dir="rtl"] .wa-btn { right: auto; left: 22px; } [dir="rtl"] .back-top { right: auto; left: 22px; }