/* Direct mobile locale access is kept separate from the bounded picker module. */
.hua-mobile-header-language{display:none}

@media(max-width:680px){
  .hua-mobile-header-language{display:inline-flex;min-width:48px;height:48px;padding:0 9px;align-items:center;justify-content:center;gap:5px;border:1px solid var(--hua-border);border-radius:13px;background:#fff;color:#30363d;font-family:inherit;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer}
  .hua-mobile-header-language>.hua-icon{width:19px;height:19px;color:var(--hua-blue)}
  .hua-menu-toggle,.hua-mobile-location{min-height:48px;height:48px}
  .hua-language-dialog{height:min(780px,calc(100dvh - max(12px,env(safe-area-inset-top))));max-height:calc(100dvh - max(12px,env(safe-area-inset-top)))}
  .hua-language-priority>div,.hua-language-recent>div,.hua-language-picker-group>div{grid-template-columns:minmax(0,1fr)}
  .hua-language-option{min-height:52px;padding:10px 12px}
  .hua-language-option span{font-size:15px;line-height:1.35}
  .hua-language-option small{font-size:11px}
}

@media(max-width:390px){
  .hua-header-inner,.hua-header-actions{gap:6px}
  .hua-mobile-location{width:48px;min-width:48px;padding:0;justify-content:center}
  .hua-mobile-location span,.hua-mobile-location>.hua-icon:last-child{display:none}
  .hua-mobile-header-language{width:auto;min-width:64px;padding:0 9px}
  .hua-language-dialog{height:calc(100dvh - max(6px,env(safe-area-inset-top)));max-height:calc(100dvh - max(6px,env(safe-area-inset-top)))}
  .hua-language-dialog>header h2{font-size:19px}
}