/* Only phone-width views use the new navigation; tablet/desktop retain the original. */
.ws-mobile-picker-location{display:none!important}
@media(max-width:599.98px){
 html.ws-mobile-submenu-ready .sub_vg{height:200px}
 html.ws-mobile-submenu-ready .subNavBarInner{padding:70px 16px 24px}
 html.ws-mobile-submenu-ready #sub_navi,
 html.ws-mobile-submenu-ready .ws-management-tabs,
 html.ws-mobile-submenu-ready .ws-mobile-current-location{display:none!important}
 html.ws-mobile-submenu-ready .ws-mobile-picker-location{display:inline-block!important}
 html.ws-mobile-submenu-ready .ws-mobile-submenu-select{
  display:inline-block;appearance:none;-webkit-appearance:none;
  font:inherit;font-weight:600;color:#fff;line-height:1.3;
  min-height:44px;padding:9px 30px 9px 11px;max-width:min(180px,48vw);
  border:1px solid rgba(255,255,255,.55);border-radius:6px;
  background:rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center;
  vertical-align:middle;cursor:pointer;
 }
 html.ws-mobile-submenu-ready .ws-mobile-submenu-select option{color:#173042;background:#fff}
 html.ws-mobile-submenu-ready .ws-mobile-submenu-select:focus-visible{outline:2px solid #fff;outline-offset:3px}
 html.ws-mobile-submenu-ready .hero.ws-management-visual{height:auto;min-height:200px}
 html.ws-mobile-submenu-ready .hero.ws-management-visual .hero-inner{height:auto;min-height:200px;padding:70px 16px 24px}
}

/* Keep the phone selector focus ring visible and consistent in every menu. */
@media(max-width:599.98px){
 html.ws-mobile-submenu-ready .subNavBarInner .subNavBarInnerTitle2{overflow:visible}
 /* Override the shared form rule's important blue border only for this picker. */
 html.ws-mobile-submenu-ready .ws-mobile-submenu-select:focus{border-color:rgba(255,255,255,.55)!important;box-shadow:none}
}