/* YJOYJOY Arabic (ar) RTL overrides INDEPENDENT resource under /ar/ — does NOT modify /assets/ public CSS. Only applied when is present (Arabic build). */ html[dir="rtl"] { direction: rtl; text-align: right; } [dir="rtl"] body { direction: rtl; text-align: right; } [dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.4em; padding-left: 0; } [dir="rtl"] .breadcrumb, [dir="rtl"] .breadcrumb ol { direction: rtl; } [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; direction: rtl; } /* Keep the language switcher LTR so flag+code render predictably */ [dir="rtl"] .lang-switcher, [dir="rtl"] .lang-switcher-mobile, [dir="rtl"] .lang-menu, [dir="rtl"] .lang-menu-mobile { direction: ltr; } /* Flip horizontal paddings/margins used for visual balance */ [dir="rtl"] .container, [dir="rtl"] .row, [dir="rtl"] .section { direction: rtl; } [dir="rtl"] .float-left { float: right; } [dir="rtl"] .float-right { float: left; } [dir="rtl"] blockquote { border-left: none; border-right: 4px solid #BFA168; padding-left: 0; padding-right: 1em; }