/* ========================================================================== tooktools.com - RTL (Hebrew) overrides Loaded only when (il.tooktools.com). Uses html[dir="rtl"] specificity to win over the inline critical CSS (index.php ) and the async-loaded main.css. ========================================================================== */ /* Hebrew-friendly font stack: prepend Noto Sans Hebrew + Hebrew-capable faces */ html[dir="rtl"] { --font-sans: 'Noto Sans Hebrew', 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif; } /* Spec labels: Hebrew has no uppercase; drop transform + tracking */ html[dir="rtl"] .spec-row dt { text-transform: none; letter-spacing: 0; } /* Pain cards: accent bar moves to the right */ html[dir="rtl"] .pain-card { border-left: none; border-right: 4px solid var(--color-primary); } /* Case quotes: indentation + accent bar on the right */ html[dir="rtl"] .case-card__quote { padding-left: 0; padding-right: var(--spacing-md); border-left: none; border-right: 3px solid var(--color-primary); } /* Testimonials: quote mark + padding on the right */ html[dir="rtl"] .testimonial-card__text { padding-left: 0; padding-right: var(--spacing-lg); } html[dir="rtl"] .testimonial-card__text::before { left: auto; right: 0; } /* Honeypot field: park it off-screen on the right instead */ html[dir="rtl"] .form-group--honeypot { left: auto; right: -9999px; } /* Toast: slide in from the left */ html[dir="rtl"] .toast { right: auto; left: var(--spacing-lg); transform: translateX(-120%); } html[dir="rtl"] .toast--visible { transform: translateX(0); } /* Back-to-top: place on the left */ html[dir="rtl"] .back-to-top { right: auto; left: var(--spacing-lg); } /* Footer: right-align the bottom bar on tablet+ */ @media (min-width: 768px) { html[dir="rtl"] .footer__bottom { text-align: right; } } /* Video placeholder play triangle: mirror the pointer direction */ html[dir="rtl"] .video-placeholder__btn::after { border-width: 12px 20px 12px 0; border-color: transparent #fff transparent transparent; margin-left: 0; margin-right: -4px; } /* Partner logo marquee: reverse scroll direction */ html[dir="rtl"] .partner-track { animation-name: scroll-right; } @keyframes scroll-right { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } }