/* Loaded only on non-English pages (see app/Views/front/layout.php). Fonts per script + right-to-left fixes. */

/* ---- fonts: the site fonts (Geist / THICCCBOI) are Latin only, browsers fall back per glyph; these stacks pick good system fonts */
html[lang="ar"] body, html[lang="ur"] body { font-family: "Noto Naskh Arabic", "Segoe UI", Tahoma, "Geeza Pro", "Arabic Typesetting", sans-serif; }
html[lang="hi"] body { font-family: "Noto Sans Devanagari", "Nirmala UI", "Segoe UI", Mangal, sans-serif; }

html[lang="zh-CN"] body { font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif; }
html[lang="ja"] body { font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif; }
html[lang="ru"] body, html[lang="tr"] body { font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
/* headings use tight fixed line-heights tuned for Latin; scripts with taller glyphs need a little more room */
html[lang="ar"] :is(h1,h2,h3,p,li,a,span,button), html[lang="ur"] :is(h1,h2,h3,p,li,a,span,button),
html[lang="hi"] :is(h1,h2,h3,p,li,a,span,button) { letter-spacing: 0 !important; }
html[lang="ar"] :is(h1,h2), html[lang="ur"] :is(h1,h2), html[lang="hi"] :is(h1,h2) { line-height: 1.45 !important; }
html[lang="zh-CN"] :is(h1,h2,h3), html[lang="ja"] :is(h1,h2,h3) { letter-spacing: 0 !important; line-height: 1.4 !important; }

/* ---- right-to-left (Arabic, Urdu) -------------------------------------------------------------------------------- */
html[dir="rtl"] body { direction: rtl; }
/* alignment utilities compiled for LTR */
html[dir="rtl"] .text-left { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }
html[dir="rtl"] .lg\:text-left { text-align: right; }
html[dir="rtl"] .md\:text-left { text-align: right; }
/* the sliding marquee animates with translateX: keep its layout LTR, restore RTL inside the cards */
html[dir="rtl"] .custom-marquee-wrapper { direction: ltr; }
html[dir="rtl"] .custom-marquee-container > * { direction: rtl; }
/* arrows / chevrons that point in the reading direction */
html[dir="rtl"] .fa-arrow-right, html[dir="rtl"] .fa-chevron-right, html[dir="rtl"] .fa-arrow-right-long, html[dir="rtl"] .fa-angle-right { transform: scaleX(-1); display: inline-block; }
/* numbered/ticked lists on the get-started page */
html[dir="rtl"] .gs-card li { padding: 4px 24px 4px 0; }
html[dir="rtl"] .gs-card li:before { left: auto; right: 0; }
html[dir="rtl"] .gs-st div { padding: 20px 64px 20px 20px; }
html[dir="rtl"] .gs-st div:before { left: auto; right: 16px; }
/* blog */
html[dir="rtl"] .blog-search button { margin-inline-start: 0; }
html[dir="rtl"] .prose ul, html[dir="rtl"] .prose ol { padding-inline-start: 1.4em; padding-inline-end: 0; }
html[dir="rtl"] .prose blockquote { border-left: 0; border-right: 4px solid #0d9488; padding-inline: 1rem 1.2rem; }
/* floating buttons stay in the corner they are in on LTR pages, mirrored */
html[dir="rtl"] .whatsapp-ribbon { left: 0; right: auto; border-radius: 0 12px 12px 0; }