/* ================================================================ SYMBIOCITÉ — rtl.css Corrections de mise en page pour le mode Arabe (dir="rtl"). Ces règles ne s'appliquent QUE quand dir="rtl" est sur . ================================================================ */ /* ── NAVBAR RTL ─────────────────────────────────────────────────── */ [dir="rtl"] .nav-inner { flex-direction: row-reverse; } [dir="rtl"] .nav-links { margin-left: 0; margin-right: auto; flex-direction: row-reverse; } [dir="rtl"] .nav-logo { flex-direction: row; } [dir="rtl"] .nav-cta { margin-left: 0; margin-right: 0.5rem; } [dir="rtl"] .nav-toggle { margin-left: 0; margin-right: auto; } /* Sélecteur de langue en RTL : garder l'ordre visuel cohérent */ [dir="rtl"] .language-picker { flex-direction: row-reverse; } /* ── HERO RTL ───────────────────────────────────────────────────── */ [dir="rtl"] .hero-content { text-align: right; } [dir="rtl"] .hero-tag { flex-direction: row-reverse; } [dir="rtl"] .hero-ctas { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .hero-indicators { flex-direction: row-reverse; } [dir="rtl"] .hero-manifesto blockquote { border-left: none; border-right: 2px solid #b07040; padding-left: 0; padding-right: 1.5rem; text-align: right; } /* ── SECTIONS EYEBROW RTL ───────────────────────────────────────── */ [dir="rtl"] .section-eyebrow { flex-direction: row-reverse; } /* ── CONCEPT / VISION RTL ───────────────────────────────────────── */ [dir="rtl"] .concept-layout { direction: rtl; } [dir="rtl"] .concept-text { text-align: right; } /* ── WHY GRID RTL ───────────────────────────────────────────────── */ [dir="rtl"] .why-card { text-align: right; } /* ── PILLARS RTL ────────────────────────────────────────────────── */ [dir="rtl"] .pillar { direction: rtl; text-align: right; } [dir="rtl"] .pillar-header { flex-direction: row-reverse; } [dir="rtl"] .pillar-tags { flex-direction: row-reverse; } /* ── FOOTER RTL ─────────────────────────────────────────────────── */ [dir="rtl"] .footer-inner { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .footer-nav ul { text-align: right; } [dir="rtl"] .footer-legal { text-align: right; } /* ── CONTACT FORM RTL ───────────────────────────────────────────── */ [dir="rtl"] .contact-form label, [dir="rtl"] .contact-form input, [dir="rtl"] .contact-form select, [dir="rtl"] .contact-form textarea { text-align: right; direction: rtl; } /* ── AUTH MODAL RTL ─────────────────────────────────────────────── */ [dir="rtl"] .auth-modal-close { right: auto; left: 0.9rem; } [dir="rtl"] .auth-field label { text-align: right; } [dir="rtl"] .auth-field input { text-align: right; direction: rtl; } [dir="rtl"] .auth-payment-btns { flex-direction: row-reverse; } /* ── BLOG RTL ───────────────────────────────────────────────────── */ [dir="rtl"] .blog-card, [dir="rtl"] .blog-post-header, [dir="rtl"] .blog-tags { text-align: right; direction: rtl; } /* ── BOUTON ESPACE MEMBRE RTL ───────────────────────────────────── */ [dir="rtl"] .nav-member-btn { flex-direction: row-reverse; padding: 0.4rem 0.6rem 0.4rem 0.9rem; }