/* Translated pages (/es/, /zh/, /ar/, /de/, /fr/, /ru/): font fallbacks, right-to-left layout. */

/* The site fonts (PT Sans) have no Arabic or CJK glyphs: pick good system fonts instead of the browser default. */
html[lang^="zh"] body, html[lang^="zh"] input, html[lang^="zh"] textarea,
html[lang^="zh"] .hp, html[lang^="zh"] .hp h1, html[lang^="zh"] .hp h2, html[lang^="zh"] .hp h3 {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;
}
html[lang^="ar"] body, html[lang^="ar"] input, html[lang^="ar"] textarea,
html[lang^="ar"] .hp, html[lang^="ar"] .hp h1, html[lang^="ar"] .hp h2, html[lang^="ar"] .hp h3 {
    font-family: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Noto Sans Arabic", Arial, sans-serif;
}
/* letter-spacing and uppercase break Arabic joining and make CJK look gappy */
html[lang^="ar"] *, html[lang^="zh"] * { letter-spacing: 0 !important; text-transform: none !important; }

/* language switcher in the top menu */
#cssmenu .lang-switch > a { font-weight: bold; }
#cssmenu .lang-switch ul a.cur { font-weight: bold; }

/* ---- right-to-left ---- */
html[dir="rtl"] body { direction: rtl; text-align: right; }

/* float-based grid */
html[dir="rtl"] .col-1-2, html[dir="rtl"] .hsibgrid .hcol-1-2,
html[dir="rtl"] .sibgrid .col-1-3, html[dir="rtl"] .sibgrid .col-2-3,
html[dir="rtl"] .sibgrid .col-1-4, html[dir="rtl"] .sibgrid .col-2-4, html[dir="rtl"] .sibgrid .col-3-4,
html[dir="rtl"] .sibgrid .col-1-5, html[dir="rtl"] .sibgrid .col-2-5, html[dir="rtl"] .sibgrid .col-3-5, html[dir="rtl"] .sibgrid .col-4-5,
html[dir="rtl"] .sibgrid .col-1-6, html[dir="rtl"] .sibgrid .col-2-6, html[dir="rtl"] .sibgrid .col-3-6, html[dir="rtl"] .sibgrid .col-4-6, html[dir="rtl"] .sibgrid .col-5-6 { float: right; }
html[dir="rtl"] .f-right { float: left; }
html[dir="rtl"] #header .wrap-col[style*="float: left"] { float: right !important; }

/* top menu */
html[dir="rtl"] #cssmenu > ul > li { float: right; }
html[dir="rtl"] #cssmenu ul ul { text-align: right; }
html[dir="rtl"] #cssmenu li:hover > ul { left: auto; right: 0; }

/* product sidebar + content */
html[dir="rtl"] .col-1-3, html[dir="rtl"] .col-3-5 { text-align: right; }
html[dir="rtl"] .descr ul, html[dir="rtl"] .descr ol { padding-left: 0; padding-right: 22px; }
html[dir="rtl"] .points { padding-right: 0; }
html[dir="rtl"] .purchnote { text-align: right; }

/* home page */
html[dir="rtl"] .hp-list li { padding: 6px 32px 6px 0; }
html[dir="rtl"] .hp-list li:before { left: auto; right: 0; }
html[dir="rtl"] .hp-text .hp-btn:first-of-type { margin-left: 5px; margin-right: 0; }
html[dir="rtl"] .hp-hero, html[dir="rtl"] .hp-hero h1, html[dir="rtl"] .hp-hero p { text-align: center; }

/* footer */
html[dir="rtl"] .ft-main, html[dir="rtl"] .ft-bottom .sibgrid { direction: rtl; }
html[dir="rtl"] .ft-col, html[dir="rtl"] .ft-brand { text-align: right; }

/* balanced line breaks in headings (avoids one-word last lines, esp. in Chinese) */
.hp-hero h1, .hp h2, #pagetitle h1, #prodtitle h1, #prodtitle h2 { text-wrap: balance; }
html[dir="rtl"] #cssmenu ul ul li a { text-align: right; }