/* NewClientEngine — language switcher (shared component, all pages/locales).
 * Desktop/backbar: one compact <details> dropdown (globe + code + caret) that
 * opens a menu of full language names; the current one is checkmarked.
 * Mobile: pill links inside the slide-in menu only. */

.lang-dd{position:relative}
.lang-dd summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:7px 11px;border:1px solid rgba(251,246,238,.25);border-radius:999px;color:rgba(251,246,238,.85);font-family:'Inter',sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.06em;line-height:1;user-select:none;white-space:nowrap}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd summary::marker{content:""}
.lang-dd summary:hover{border-color:var(--teal,#0fb8b1);color:#fff}
.lang-dd .lang-globe{width:14px;height:14px;flex:none;opacity:.85}
.lang-dd .lang-caret{font-size:.55rem;opacity:.7;transition:transform .15s ease}
.lang-dd[open] .lang-caret{transform:rotate(180deg)}
.lang-dd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;background:#2a1340;border:1px solid rgba(251,246,238,.16);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.4);z-index:200}
.lang-dd-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;color:rgba(251,246,238,.85);font-family:'Inter',sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}
.lang-dd-menu a:hover{background:rgba(251,246,238,.08);color:#fff}
.lang-dd-menu a.active{color:var(--teal,#0fb8b1)}
.lang-dd-menu a.active::after{content:"\2713";font-weight:700}

/* Language pills inside the mobile slide-in menu. */
.m-lang{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px;padding-top:16px;border-top:1px solid rgba(251,246,238,.14)}
.m-lang a{font-family:'Inter',sans-serif;font-size:.85rem;font-weight:600;color:rgba(251,246,238,.72);padding:8px 12px;border:1px solid rgba(251,246,238,.22);border-radius:999px;text-decoration:none}
.m-lang a.active{background:var(--teal,#0fb8b1);color:#14081e;border-color:var(--teal,#0fb8b1)}