/* ============================================================ rtl.css — иврит / RTL: шрифт Heebo + зеркалирование направленных стилей. Применяется, когда i18n ставит . ============================================================ */ /* Шрифт: Heebo (рубленый, изящный, ближе всего к SF на иврите). Ставится прямым font-family на body, чтобы не конфликтовать с инлайновой --font-family из chrome.jsx (та управляет RU-шрифтом). */ html[dir="rtl"] body { font-family: "Heebo", "Assistant", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; } html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { letter-spacing: -0.01em; } /* eyebrow на иврите без UPPERCASE и с обычным трекингом (капс на иврите не работает) */ html[dir="rtl"] .eyebrow { text-transform: none; letter-spacing: .04em; } /* ---- цитаты: полоса слева → справа ---- */ html[dir="rtl"] .quote { border-left: 0; border-right: 3px solid var(--accent); border-radius: 18px 0 0 18px; } /* ---- статья: pullquote ---- */ html[dir="rtl"] .article-body .pullquote { border-left: 0; border-right: 3px solid var(--accent); padding: 4px 28px 4px 0; } /* ---- таймлайн: линия и точки слева → справа ---- */ html[dir="rtl"] .timeline { padding-left: 0; padding-right: 36px; } html[dir="rtl"] .timeline::before { left: auto; right: 9px; } html[dir="rtl"] .tl-item::before { left: auto; right: -32px; } /* ---- стрелки направления ---- */ /* «вперёд» (→) в RTL смотрит влево */ html[dir="rtl"] .text-link svg, html[dir="rtl"] .ar-go svg, html[dir="rtl"] .poster-go svg { transform: scaleX(-1); } html[dir="rtl"] .text-link:hover { gap: 13px; } /* «назад к статьям»: в LTR повёрнута на 180° (←), в RTL должна смотреть вправо */ html[dir="rtl"] .article-back svg { transform: none; } /* ---- hero «силуэт»: фигура справа → слева ---- */ html[dir="rtl"] .cutout-wrap { right: auto; left: max(28px, calc((100vw - var(--container)) / 2)); } /* ---- hero «кинокадр»: затемнение слева → справа ---- */ html[dir="rtl"] .cine-scrim { background: linear-gradient(270deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .78) 36%, rgba(0, 0, 0, .2) 72%, transparent 100%), linear-gradient(0deg, #000 1%, transparent 38%), linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, transparent 22%); } /* ---- шаги/строки, что съезжают вбок ---- */ html[dir="rtl"] .step:hover { transform: translateX(-8px); } /* ---- мobile-меню и шапка зеркалятся автоматически через flex + dir ---- */ /* ---- переключатель языка: активный язык ---- */ html[dir="rtl"] .lang { direction: ltr; }