/* Language controls use the same readable colour tokens as the shop theme. */
.crm-language-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--crm-surface-text,#18263a);font-size:14px;line-height:1.5}
.crm-language-selector select{width:auto;max-width:100%;min-width:145px;background:var(--crm-surface,#fff);color:var(--crm-surface-text,#18263a);border:1px solid var(--crm-border,#b5c2cf);border-radius:10px;padding:8px 28px 8px 10px;font:inherit;min-height:40px}
.crm-language-selector select:focus-visible{outline:2px solid var(--crm-focus,#087b60);outline-offset:2px}
.crm-language-status{display:block;max-width:320px;line-height:1.5;margin-block-start:5px;color:var(--crm-surface-text,#18263a)}
.crm-language-status.error{color:var(--crm-surface-negative,#a52436)}
.crm-language-panel{background:var(--crm-surface,#fff);color:var(--crm-surface-text,#18263a);border:1px solid var(--crm-border,#ccd4dd);border-radius:16px;padding:22px;margin-block-start:20px;max-width:980px}
.crm-language-panel h3{margin:0 0 10px}.crm-language-panel p{line-height:1.6}.crm-language-panel small{display:block;margin-block-start:12px;color:var(--crm-muted,#53677c);line-height:1.6}
[data-language-selector]{max-width:100%;min-width:0}
html[lang^="zh"] body{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei","PingFang SC","Microsoft JhengHei",sans-serif}
html[lang^="zh"] p,html[lang^="zh"] label,html[lang^="zh"] td{line-height:1.65}
html[lang="ar"] body{font-family:system-ui,"Segoe UI",Tahoma,"Noto Naskh Arabic",sans-serif;line-height:1.65}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .eyebrow,html[lang="ar"] aside>small{letter-spacing:normal}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{letter-spacing:normal}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="number"],html[dir="rtl"] input[type="date"],html[dir="rtl"] [data-technical]{direction:ltr;text-align:right;unicode-bidi:plaintext}
html[dir="rtl"] main,html[dir="rtl"] section,html[dir="rtl"] th,html[dir="rtl"] td,html[dir="rtl"] label{text-align:start}
html[dir="rtl"] .crm-branded>aside{left:auto;right:0}
html[dir="rtl"] .crm-branded>main{margin-left:0;margin-right:230px}
html[dir="rtl"] .crm-branded aside nav button{text-align:right}
html[dir="rtl"] .support-attachment-viewer,html[dir="rtl"] .support-image-stage,html[dir="rtl"] .support-viewer-stage{direction:ltr}
html[dir="rtl"] dialog{text-align:right}
html[dir="rtl"] .crm-language-selector select{padding-inline:10px 28px}
html[dir="rtl"] .guide-nav,html[dir="rtl"] .sidebar{text-align:right}
header [data-language-selector]{margin-inline-start:auto;margin-inline-end:12px}
.crm-branded>main>header .crm-language-selector,.crm-branded>main>header .crm-language-status{color:var(--crm-background-text,#18263a)}
.crm-branded>main>header .crm-language-status.error{color:var(--crm-background-negative,#a52436)}
@media(max-width:800px){header{flex-wrap:wrap;gap:12px}header [data-language-selector]{margin-inline-start:0;margin-inline-end:0}.crm-language-selector{font-size:13px}.crm-language-selector select{min-width:135px}.crm-language-panel{padding:18px}}
@media(max-width:700px){html[dir="rtl"] .crm-branded>main{margin-right:0}}
@media(max-width:700px){html .crm-branded>main>header>div:first-child{flex:1 1 100%;width:100%;min-width:0}html .crm-branded>main>header>[data-language-selector]{flex:1 1 145px;width:auto;min-width:0}html .crm-branded>main>header>#global-search-button{flex:1 1 145px}html .crm-branded>main>header .crm-language-selector{flex-wrap:nowrap}}
@media(max-width:700px){html .crm-branded>main>header .crm-language-selector>span{flex-shrink:0;white-space:nowrap}html .crm-branded>main>header .crm-language-selector select{flex:1;min-width:0;width:100%}}
