/* ============================================ RTL — surcharges pour les pages /ar/ Activé par ============================================ */ /* ── Police arabe via Google Fonts (Cairo : sans-serif moderne) ── */ @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap'); [lang="ar"], [dir="rtl"]{ font-family:'Cairo', 'Inter', -apple-system, system-ui, sans-serif; } /* Sur tag avec lang="ar" sous-élément (pour bilingue partiel) */ [lang="ar"]{ direction:rtl; text-align:right; } /* ── Globaux : alignement texte par défaut ── */ [dir="rtl"]{ text-align:right; } /* ── Nav : miroir des positions ── */ [dir="rtl"] #nav{ flex-direction:row-reverse; } [dir="rtl"] .nav-left{ flex-direction:row-reverse; } /* Sur mobile, le menu déroulant garde sa position right (déjà OK) mais on inverse l'alignement intérieur */ [dir="rtl"] .nav-pill{ text-align:right; } [dir="rtl"] .nav-links{ text-align:right; } [dir="rtl"] .nav-cta{ flex-direction:row-reverse; } [dir="rtl"] .cta-arrow svg{ transform:scaleX(-1); /* miroir des chevrons */ } /* ── Icônes flèches : miroir des chevrons "next" ── */ [dir="rtl"] .btn-primary svg, [dir="rtl"] .btn-ghost svg{ transform:scaleX(-1); } /* ── Hero : la flèche scroll-hint reste mais alignée à gauche ── */ [dir="rtl"] .scroll-hint{ right:auto; left:24px; } /* ── Cartes expertises : reste en colonne, juste alignement texte ── */ [dir="rtl"] .expertise-card, [dir="rtl"] .realisation-card, [dir="rtl"] .why-card, [dir="rtl"] .step, [dir="rtl"] .secteur-card, [dir="rtl"] .conviction{ text-align:right; } /* La liste "convictions" : le dot passe à droite */ [dir="rtl"] .conviction{ flex-direction:row-reverse; } /* ── Tags secteurs ── */ [dir="rtl"] .expertise-tag-item{ flex-direction:row-reverse; } /* ── Réalisations : stack pills s'alignent à droite ── */ [dir="rtl"] .realisation-stack, [dir="rtl"] .realisation-results{ text-align:right; } [dir="rtl"] .realisation-results li{ flex-direction:row-reverse; } /* ── Form contact : labels et inputs alignés à droite ── */ [dir="rtl"] .form-label, [dir="rtl"] .form-input, [dir="rtl"] .form-select, [dir="rtl"] .form-textarea{ text-align:right; } [dir="rtl"] .form-submit{ flex-direction:row-reverse; } [dir="rtl"] .form-submit svg{ transform:scaleX(-1); } /* ── Footer : items alignés à droite ── */ [dir="rtl"] .site-footer-left, [dir="rtl"] .site-footer-links{ flex-direction:row-reverse; } /* ── Article (blog) ── */ [dir="rtl"] .article-back a::before{ content:'→ '; /* en LTR c'est '← ' (déjà dans le texte), on retourne en miroir */ } [dir="rtl"] .article-back a{ /* La flèche → vient du texte déjà, on laisse */ } /* ── Chatbot IRIS ── */ [dir="rtl"] .iris-msg-user{ align-self:flex-start; } [dir="rtl"] .iris-msg-bot{ align-self:flex-end; } [dir="rtl"] .iris-form input{ text-align:right; } [dir="rtl"] .iris-send{ transform:scaleX(-1); } /* ── Cookie banner ── */ [dir="rtl"] .cookie-banner-inner{ flex-direction:row-reverse; text-align:right; } /* ── Vapi widget ── */ [dir="rtl"] .vapi-panel{ text-align:right; } [dir="rtl"] .vapi-header{ flex-direction:row-reverse; } [dir="rtl"] .vapi-controls{ flex-direction:row-reverse; } /* ── Switcher lang reste LTR pour garder l'ordre FR | EN | AR ── */ [dir="rtl"] .lang-switch{ direction:ltr; } /* ── Chiffres et codes : restent LTR ── */ [dir="rtl"] code, [dir="rtl"] .article-date, [dir="rtl"] time, [dir="rtl"] [data-lang], [dir="rtl"] .nav-brand{ direction:ltr; unicode-bidi:embed; } /* ── Page entière : texte plus haut/aéré (l'arabe a une hauteur de ligne différente) ── */ [lang="ar"] body{ line-height:1.75; } [lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3{ line-height:1.45; } /* ── Animations directionnelles : neuron-roam continue dans son sens ── */ /* (pas besoin d'inverser, la position relative au viewport reste valide) */