/* Language chooser widget (bottom right). Shared by every page of vocito.ai; mounted by assets/catalog.js. */
.langw{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:6px;font-size:13px}
.langw-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(14,14,18,.86);backdrop-filter:blur(10px);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.langw-close{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(14,14,18,.86);color:#9494a2;font:inherit;font-size:16px;line-height:1;cursor:pointer}
.langw-close:hover,.langw-btn:hover{border-color:rgba(255,255,255,.3)}
.langw-list{display:none;position:absolute;right:0;bottom:48px;min-width:170px;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(14,14,18,.96);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(0,0,0,.5)}
.langw.open .langw-list{display:block}
.langw-list{max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain}
.langw-list a{display:block;padding:9px 12px;border-radius:9px;color:#c9c9d4;text-decoration:none;font-size:14px}
.langw-list a:hover{background:rgba(255,255,255,.06);color:#fff}
.langw-list a[aria-current]{color:#fff;font-weight:600;background:rgba(255,255,255,.04)}
@media print{.langw{display:none}}
/* Right-to-left (Arabic) and non-Latin scripts. This file is loaded by every page, so the rules that make those
   scripts readable live here: letter-spacing tears Arabic joining apart, and tight Latin line-heights clip Arabic
   and Chinese headings. */
[dir="rtl"] *{letter-spacing:0!important}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{line-height:1.35!important}
:lang(zh) h1,:lang(zh) h2{line-height:1.3!important;letter-spacing:0!important}
:lang(zh) .kicker,:lang(zh) .badge,:lang(zh) .dept{letter-spacing:.08em!important}
[dir="rtl"] .langw{right:auto;left:max(12px,env(safe-area-inset-left))}
[dir="rtl"] .langw-list{right:auto;left:0}
/* Email and phone fields are typed left to right in every language (dir="ltr" on the input). On the demo page the
   placeholder is a translated word, so while the field is empty it follows the page direction. */
[dir="rtl"] #vbk-email:placeholder-shown,[dir="rtl"] #vbk-phone:placeholder-shown{direction:rtl}