/* V23 — 3-language selector. Matches the approved dropdown reference. */
.lang-picker{position:relative;flex:none;z-index:95;font-family:'DM Sans',system-ui,sans-serif;}
.lang-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:0;color:#fff;font-family:inherit;font-weight:750;font-size:15px;line-height:1;padding:9px 3px;cursor:pointer;white-space:nowrap;min-height:43px;}
.lang-trigger:hover{opacity:.93}
.lang-trigger:focus-visible{outline:2px solid #fff45a;outline-offset:3px;border-radius:9px}
.lang-flag{display:inline-flex;width:26px;height:26px;flex:none;align-items:center;justify-content:center;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14);}
.lang-flag--id{background:linear-gradient(to bottom,#ff4551 0 50%,#fff 50% 100%)}
.lang-flag--en{font-size:25px;line-height:1;background:transparent;box-shadow:none;border-radius:0}
.lang-flag--vi{font-size:15px;line-height:1;background:#ec243a;color:#ffe25f}
.lang-code{font-weight:750;font-size:15px;letter-spacing:0}
.lang-menu[hidden]{display:none!important}
.lang-menu{position:absolute;top:calc(100% + 9px);right:-79px;z-index:1000;width:256px;max-width:calc(100vw - 18px);padding:8px;background:#f1f1f1;border-radius:22px;box-shadow:0 18px 45px rgba(36,4,62,.16);color:#292332;}
.lang-option{display:flex;align-items:center;justify-content:center;min-height:64px;margin:0;padding:12px 16px;color:#707070;font-size:18px;line-height:1.3;font-weight:650;text-align:center;border-radius:18px;white-space:nowrap;text-decoration:none!important;}
.lang-option:hover:not(.is-current){background:#e5e5e5;color:#342941;}
.lang-option.is-current{background:#ffdf32;color:#16121a;font-weight:750;}
.lang-option:focus-visible{outline:2px solid #4a0077;outline-offset:-3px}
@keyframes lang-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.header-actions{gap:12px}.lang-menu{right:-40px}}
@media(max-width:760px){
 .lang-trigger{gap:5px;font-size:12px;min-height:39px;padding:5px 1px}
 .lang-code{font-size:12px}
 .lang-flag{width:20px;height:20px;border-radius:4px}
 .lang-flag--en{font-size:20px}
 .lang-flag--vi{font-size:11px}
 .lang-menu{top:calc(100% + 7px);right:-47px;width:240px;border-radius:18px;padding:7px}
 .lang-option{font-size:16px;min-height:56px;border-radius:14px}
}
@media(max-width:380px){.header-actions{gap:7px}.lang-menu{right:-43px}}
@media(prefers-reduced-motion:reduce){.lang-menu{animation:none}}