/* ========================================================================== Troquizy — Surcharges RTL (version hébreu) À charger APRÈS css/styles.css, uniquement sur les pages . Ne contient QUE ce qui doit être inversé ou adapté à l'hébreu. ========================================================================== */ /* -------------------------------------------------------------------------- Typographie hébraïque Playfair Display et Poppins ne couvrent pas l'alphabet hébreu : on bascule sur des piles de polices hébraïques (locales / système), sans requête réseau supplémentaire. Si l'on veut un rendu identique sur tous les postes, il faudra plus tard ajouter Heebo/Assistant au lien Google Fonts. -------------------------------------------------------------------------- */ html[dir="rtl"] { --sans: "Assistant", "Heebo", "Rubik", "Noto Sans Hebrew", "Arial Hebrew", -apple-system, "Segoe UI", sans-serif; --serif: "Frank Ruhl Libre", "David Libre", "Noto Serif Hebrew", "Times New Roman", Georgia, serif; } /* L'hébreu n'a pas d'italique typographique : on garde la couleur comme seul signal d'emphase, et on relâche l'interlettrage/interlignage. */ html[dir="rtl"] h1, html[dir="rtl"] h2 { letter-spacing: 0; line-height: 1.25; } html[dir="rtl"] h1 em, html[dir="rtl"] h2 em { font-style: normal; } /* Les capitales et le fort interlettrage n'existent pas en hébreu. */ html[dir="rtl"] .eyebrow, html[dir="rtl"] .footer__col h4 { letter-spacing: .06em; text-transform: none; } /* -------------------------------------------------------------------------- Header -------------------------------------------------------------------------- */ /* Soulignement animé des liens de nav : ancré au bord de début. */ html[dir="rtl"] .header__nav a::after { left: auto; right: 0; } /* Sélecteur de langue dans le menu mobile : reste compact, aligné au bord. */ html[dir="rtl"] .header__mobile .lang { align-self: flex-start; } /* -------------------------------------------------------------------------- Membres Fondateurs -------------------------------------------------------------------------- */ /* Cercle décoratif : miroir vers le bord gauche. */ html[dir="rtl"] .founders::before { right: auto; left: -140px; } /* Barre de progression : elle se remplit de la droite vers la gauche, le dégradé doit suivre (teinte soutenue du côté de la pointe). */ html[dir="rtl"] .progress__fill { background: linear-gradient(270deg, var(--terracotta-light), var(--terracotta)); } /* -------------------------------------------------------------------------- Comment ça marche -------------------------------------------------------------------------- */ /* Le grand chiffre décoratif utilise déjà inset-inline-end (miroir auto), on retire seulement l'italique, inadaptée à cette version. */ html[dir="rtl"] .step__num { font-style: normal; }