/* ============================================================ RTL overrides — Hebrew pages ============================================================ */ /* Hebrew font stack. Redefining the font tokens is what actually applies Heebo/Rubik: body, buttons, and nav set font-family from these variables directly, so a font-family inherited from never reaches them. */ [dir="rtl"] { --font-sans: 'Heebo', 'Arial Hebrew', Arial, sans-serif; --font-serif: 'Rubik', 'Arial Hebrew', Arial, sans-serif; font-family: 'Heebo', 'Arial Hebrew', Arial, sans-serif; } [dir="rtl"] body { font-family: var(--font-sans); font-weight: 400; /* match the English body weight; Heebo 300 is too thin for running text */ } [dir="rtl"] strong { font-weight: 700; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .quote-text { font-family: 'Rubik', 'Arial Hebrew', Arial, sans-serif; font-weight: 300; letter-spacing: -0.01em; } [dir="rtl"] .motto-word { font-family: 'Rubik', 'Arial Hebrew', Arial, sans-serif; font-weight: 300; letter-spacing: -0.01em; } /* Flip split layout for RTL */ [dir="rtl"] .split { direction: rtl; } [dir="rtl"] .split-body { padding: 80px 64px 80px 40px; } /* Nav: direction:rtl (inherited from ) handles flex order automatically */ /* Overlay links RTL */ [dir="rtl"] .overlay-links a:hover { transform: translateX(-8px); } [dir="rtl"] .how-row:hover h3 { transform: translateX(-8px); } /* Footer RTL */ [dir="rtl"] .footer-inner { direction: rtl; } [dir="rtl"] .footer-bottom { direction: rtl; } /* Quote section RTL */ [dir="rtl"] .quote-body { direction: rtl; } [dir="rtl"] .quote-mark { transform: scaleX(-1); display: inline-block; } /* Services list RTL */ [dir="rtl"] .service-item { flex-direction: row-reverse; } [dir="rtl"] .service-arrow svg { transform: scaleX(-1); } /* Contact channels RTL */ [dir="rtl"] .contact-info { direction: rtl; } /* Tx list RTL */ [dir="rtl"] .tx-item { direction: rtl; } /* Hero content RTL */ [dir="rtl"] .hero-content, [dir="rtl"] .page-hero-content { direction: rtl; } /* Reveal animations — keep same direction for RTL */ [dir="rtl"] .reveal-left { transform: translateX(40px); } [dir="rtl"] .reveal-left.revealed { transform: translateX(0); } [dir="rtl"] .reveal-right { transform: translateX(-40px); } [dir="rtl"] .reveal-right.revealed { transform: translateX(0); } /* WhatsApp float — bottom-left in RTL */ [dir="rtl"] .wa-float { left: 32px; right: auto; } /* All serif-var elements — override to Rubik in RTL */ [dir="rtl"] .tx-title, [dir="rtl"] .overlay-links a, [dir="rtl"] .service-name, [dir="rtl"] .cc-value, [dir="rtl"] .stat-num, [dir="rtl"] .pa-list-row h3, [dir="rtl"] .pa-card h3, [dir="rtl"] .feature-card h3 { font-family: 'Rubik', 'Arial Hebrew', Arial, sans-serif; font-weight: 300; } /* Mobile */ @media (max-width: 768px) { [dir="rtl"] .split-body { padding: 48px 24px; } }