/** * Horizon Agency — RTL / Hebrew overrides * Loaded after sections.css when */ html[dir="rtl"] { --font-display: "Heebo", "Plus Jakarta Sans", system-ui, sans-serif; --font-body: "Heebo", system-ui, sans-serif; --tracking-tight: -0.01em; --tracking-caps: 0.04em; } html[dir="rtl"] body { font-family: var(--font-body); text-align: start; } html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 { font-family: var(--font-display); letter-spacing: var(--tracking-tight); } /* English brand marks keep Plus Jakarta with reduced tracking for Hebrew layout */ html[dir="rtl"] .logo, html[dir="rtl"] .hero__brand-name, html[dir="rtl"] .footer__brand-name { font-family: "Plus Jakarta Sans", "Heebo", system-ui, sans-serif; letter-spacing: 0.02em; } html[dir="rtl"] .footer__brand-name em { letter-spacing: 0.12em; } html[dir="rtl"] .logo img, html[dir="rtl"] .logo svg { object-position: right center; } /* Nav underline / active indicator — grow from the start edge in RTL */ html[dir="rtl"] .nav__link::after, html[dir="rtl"] .nav__link::before { transform-origin: right center; } html[dir="rtl"] .nav__cta { margin-left: 0; margin-right: var(--space-3); } @media (max-width: 900px) { html[dir="rtl"] .nav__cta { margin-right: 0; } } /* Process timeline: mirror the vertical rail to the inline-start (right) side */ html[dir="rtl"] .process__timeline::before { left: auto; right: 1.35rem; } /* Button icon hover slides toward reading direction (left in RTL) */ html[dir="rtl"] .btn:hover .btn__icon { transform: translateX(-2px); } html[dir="rtl"] .btn__icon { margin-inline-start: 0.15em; } /* Form selects and inputs inherit RTL naturally */ html[dir="rtl"] .form-input, html[dir="rtl"] .form-select, html[dir="rtl"] .form-textarea { text-align: start; } html[dir="rtl"] .form-select { background-position: left 0.85rem center; padding-inline-end: 2.5rem; padding-inline-start: 1rem; } /* Reveal offsets that used LTR "left/right" feel mirrored via logical intent */ html[dir="rtl"] .reveal--left { --reveal-x: 1.5rem; } html[dir="rtl"] .reveal--right { --reveal-x: -1.5rem; } /* Accordion icon sits on the inline-end */ html[dir="rtl"] .accordion__trigger { text-align: start; } /* Price currency/amount stay LTR for clarity of numbers */ html[dir="rtl"] .price-card__price { direction: ltr; unicode-bidi: isolate; } html[dir="rtl"] .trust__stat-value { direction: ltr; unicode-bidi: isolate; } html[dir="rtl"] .grow__header { text-align: center; }