/* Placed as the rightmost header item (after the main nav), per standard
   language-switcher UX convention - achieved via flex `order` on the existing
   .main-box flex container, not by moving the HTML, so this is safe to tweak
   centrally for all 161 pages without re-touching markup. */
.main-header .main-box .nav-outer{order:1!important}
.main-header .main-box .lang-switch{order:2!important}

.lang-switch{position:relative;display:inline-flex;align-items:center;margin:0 0 0 20px}
.lang-switch .lang-current{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e3e3e3;border-radius:22px;padding:8px 14px;cursor:pointer;font-size:14px;color:#222;font-family:inherit;line-height:1}
.lang-switch .lang-current:hover{border-color:#f8a800}
.lang-switch .lang-current .lang-arrow{font-size:9px;color:#999;transition:transform .2s ease;margin-left:2px}
.lang-switch.open .lang-current .lang-arrow{transform:rotate(180deg)}
.lang-switch .lang-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;left:auto;background:#fff;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.16);min-width:180px;padding:6px;z-index:9999;list-style:none;margin:0}
.lang-switch.open .lang-menu{display:block}
.lang-switch .lang-menu li{margin:0}
.lang-switch .lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;color:#333;text-decoration:none;font-size:14px;white-space:nowrap}
.lang-switch .lang-menu a:hover{background:#fdf0d9;color:#e38b00}
.lang-switch .lang-menu a.active{background:#f8a800;color:#fff;font-weight:600}
.lang-switch .lang-flag{font-size:16px;line-height:1}
@media (max-width:991px){
  .main-header .main-box .lang-switch{order:3!important}
  .lang-switch{margin:12px auto 0;width:max-content}
  .lang-switch .lang-menu{right:auto;left:50%;transform:translateX(-50%)}
}