/* Arabic pages (html dir="rtl"). Cairo carries the text, Latin words included,
   so a line never mixes two type sizes. Arabic letters join, so no letter
   spacing anywhere. Image and video strips keep their left-to-right motion
   and scroll maths. */
html[dir="rtl"] { --fh: 'Cairo', 'Syne', sans-serif; --fb: 'Cairo', 'Inter', sans-serif; }
html[dir="rtl"] body { font-family: var(--fb); }
/* Syne and Inter set inline on some home blocks have no Arabic glyphs */
html[dir="rtl"] [style*="font-family"] { font-family: var(--fh) !important; }
/* The PROKLISI wordmark keeps its own face */
html[dir="rtl"] .nav-logo-text, html[dir="rtl"] .footer-logo, html[dir="rtl"] .pre-logo { font-family: 'Syne', sans-serif; }
html[dir="rtl"] :not(.nav-logo-text, .footer-logo, .pre-logo, .pre-letter) { letter-spacing: 0 !important; }
html[dir="rtl"] .carousel-container, html[dir="rtl"] .carousel-track,
html[dir="rtl"] .video-track-wrap, html[dir="rtl"] .video-track,
html[dir="rtl"] .video-carousel-outer, html[dir="rtl"] .video-carousel-inner,
html[dir="rtl"] .roster-scroll-container, html[dir="rtl"] .roster-track,
html[dir="rtl"] .marquee-strip, html[dir="rtl"] .marquee-track, html[dir="rtl"] .marquee-inner { direction: ltr; }
html[dir="rtl"] .roster-track .talent-card, html[dir="rtl"] .carousel-item { direction: rtl; }
/* The loader spells PROKLISI one letter span at a time */
html[dir="rtl"] .pre-logo { direction: ltr; }
html[dir="rtl"] .mobile-menu-v2 .mob-sub .mob-link::before { content: '\2190\00a0'; }
html[dir="rtl"] .lang-dd { right: auto; left: 0; }
html[dir="rtl"] .nav-link-hot::before { margin-right: 0; margin-left: 7px; }
html[dir="rtl"] .nav-link::after { left: auto; right: 0; }
html[dir="rtl"] .breadcrumb, html[dir="rtl"] .post-meta { direction: rtl; }
/* Forward arrows in buttons point the way the line reads */
html[dir="rtl"] svg:has(> path[d^="M5 12h14M13 6"]) { transform: scaleX(-1); }

/* Mirror the rules that pin something to the left in style.css, blog.css and checker.css */
html[dir="rtl"] .nav-logo { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .pillar-list li { padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .pillar-list li::before { left: auto; right: 2px; }
html[dir="rtl"] .process-list::before { left: auto; right: 35px; }
html[dir="rtl"] .contact-form, html[dir="rtl"] .faq-q, html[dir="rtl"] .article thead th { text-align: right; }
html[dir="rtl"] .form-group label { left: auto; right: 20px; }
html[dir="rtl"] .form-line { left: auto; right: 0; }
/* Phone numbers read left to right in Arabic too; the flag widget pads the input for a left flag */
html[dir="rtl"] #femail, html[dir="rtl"] #fsite, html[dir="rtl"] #chkUrl { direction: ltr; text-align: right; }
html[dir="rtl"] .iti { direction: ltr; }
html[dir="rtl"] .iti--allow-dropdown .iti__country-container { right: auto; left: 0; }
html[dir="rtl"] .iti__arrow { margin-right: 0; margin-left: var(--iti-arrow-padding); }
html[dir="rtl"] .iti__flag-box, html[dir="rtl"] .iti__country-name { margin-left: 0; margin-right: var(--iti-spacer-horizontal); }
html[dir="rtl"] .iti .iti__selected-dial-code { margin-right: 0; margin-left: 4px; }
html[dir="rtl"] .modal-body ul { padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .modal-close { right: auto; left: 20px; }
html[dir="rtl"] .article li { padding-left: 0; padding-right: 30px; }
html[dir="rtl"] .article ul li::before { left: auto; right: 3px; }
html[dir="rtl"] .article ol li::before { left: auto; right: 0; }
html[dir="rtl"] .article .toc li { padding-left: 0; padding-right: 26px; }
html[dir="rtl"] .callout { border-left: 0; border-right: 2px solid var(--p1); background: linear-gradient(270deg, rgba(108,71,255,.09), rgba(71,255,239,.02)); }
html[dir="rtl"] .step-list .fx-item { padding-left: 24px; padding-right: 74px; }
html[dir="rtl"] .fx-num { left: auto; right: 22px; }
html[dir="rtl"] .chk-steps li em { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .chk-bar-top small { margin-left: 0; margin-right: 6px; }
html[dir="rtl"] .chk-stat b em { margin-left: 0; margin-right: 3px; }
html[dir="rtl"] .cat-tag { margin-left: 0; margin-right: 8px; }