/* ============================================================ YUJIN — i18n / RTL overrides Applied when is set (Arabic locale) ============================================================ */ [dir="rtl"] { /* Flip flex/grid directions */ .nav__inner { flex-direction: row-reverse; } .nav__links { flex-direction: row-reverse; } .nav__actions { flex-direction: row-reverse; } .hero__actions { flex-direction: row-reverse; } .hero__trust { flex-direction: row-reverse; } .hero__trust-avatars { flex-direction: row-reverse; } .hero__trust-avatar { margin-left: 0; margin-right: -8px; } .hero__trust-avatars .hero__trust-avatar:first-child { margin-right: 0; } /* Hero bg kanji flip position */ .hero__bg-kanji { right: auto; left: -2%; } /* Feature card kanji flip */ .feature-card__kanji { right: auto; left: 8px; } /* Demo section bg kanji flip */ .demo-section__bg-kanji { left: auto; right: -60px; } /* Pricing featured label stays centered */ /* Footer reverse */ .footer__grid { direction: rtl; } .footer__brand { text-align: right; } .footer__tagline { margin-left: auto; margin-right: 0; } .footer__bottom { flex-direction: row-reverse; } .footer__legal { flex-direction: row-reverse; } /* Form labels */ .form-group label { text-align: right; } .form-group input, .form-group select, .form-group textarea { text-align: right; direction: rtl; } /* Testimonial author */ .testimonial-card__author { flex-direction: row-reverse; } /* Pricing feature list */ .pricing-feature { flex-direction: row-reverse; text-align: right; } /* Order summary */ .order-summary-row { flex-direction: row-reverse; } /* Checkout steps */ .checkout-steps { flex-direction: row-reverse; } .checkout-step { flex-direction: row-reverse; } /* Toast centered regardless */ /* FAQ summary icon side */ details.faq-item summary { flex-direction: row-reverse; } /* Nav logo */ .nav__logo { flex-direction: row-reverse; } /* Lang dropdown */ .lang-dropdown { right: auto; left: 0; } .lang-option { flex-direction: row-reverse; } } /* Arabic font stack override */ [lang="ar"], [lang="ar"] body, [lang="ar"] .t-display, [lang="ar"] .t-h1, [lang="ar"] .t-h2, [lang="ar"] .t-h3, [lang="ar"] .btn, [lang="ar"] .nav__link { font-family: 'Noto Kufi Arabic', 'DM Sans', sans-serif; } /* Japanese / Chinese: use system fonts for CJK characters */ [lang="ja"] body, [lang="zh"] body { font-family: 'DM Sans', 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif; }