/* ============================================================ Obludzyner & Co. — RTL overrides ------------------------------------------------------------ Loaded only on Hebrew (/he/) pages, after every other stylesheet. Most layouts (flex/grid rows) mirror correctly on their own once is set — these overrides only cover the properties that don't auto-flip: explicit text-align, border-left/right accents, and left/right- positioned pseudo-element bullets/ticks. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;500;600;700&family=Heebo:wght@400;500;600;700;800&display=swap'); :root { --font-serif: 'Frank Ruhl Libre', Georgia, serif; --font-sans: 'Heebo', system-ui, -apple-system, Arial, sans-serif; --font-mono: 'Heebo', system-ui, -apple-system, Arial, sans-serif; } /* ---- Pain confirmation cards ---- */ .pain-card { text-align: right; } /* ---- Reactive CS vs Commercial Operating System contrast block ---- */ .contrast-col--reactive { border-right: none; border-left: 1px solid var(--border-subtle); } .contrast-col li { padding-left: 0; padding-right: 22px; } .contrast-col li::before { left: auto; right: 0; } @media (max-width: 999px) { .contrast-col--reactive { border-left: none; } } /* ---- Who I am pull-quote (gold accent bar sits on the right, under the RTL-mirrored text, not the left) ---- */ .bio p.quote { padding-left: 0; padding-right: 20px; border-left: none; border-right: 2px solid var(--gold-500); } /* ---- How-we-work ficha bullet lists ---- */ .ficha__bullets li { padding-left: 0; padding-right: 14px; } .ficha__bullets li::before { left: auto; right: 0; } /* ---- Tier-grid bullet lists ---- */ .tier-card__list li { padding-left: 0; padding-right: 14px; } .tier-card__list li::before { left: auto; right: 0; } /* ---- About page lessons list ---- */ .lessons-list li { padding-left: 0; padding-right: 32px; } .lessons-list li::before { left: auto; right: 0; } /* ---- FAQ + mailing form alignment ---- */ .faq-item summary { text-align: right; } .mailing-form { text-align: right; } /* ---- Marquees (logos + recommendations) ---- These use translateX(-50%) keyframes built for LTR flex packing (content flush-left, animating further left to cycle in the second copy). Under dir="rtl" the flex container packs the track flush- right instead, so the same negative translateX pushes the whole track further off-screen instead of cycling it — at some points in the animation nothing is visible at all. Forcing direction:ltr on just the track (decorative motion, not reading order) restores the original flush-left packing so the existing animation math works correctly again. */ .logos-track, .logos-track__inner, .recs-marquee, .recs-marquee__inner { direction: ltr; } /* ---- Diagnostic calculator page ---- */ .diag .opt { text-align: right; } .diag .bar-row .bl { text-align: left; } .diag .bar-fill span { padding-left: 0; padding-right: 8px; } .diag .contrast .col.left { border-right: none; border-left: 1px solid var(--border-subtle); } @media (max-width: 560px) { .diag .contrast .col.left { border-left: none; } }