/* Hide a previous account document while its current page reloads. */
html.b31-account-stale body{opacity:0!important;pointer-events:none!important}

/* Keep all guest tools visible in the remaining desktop tablet range. */
@media(min-width:1121px) and (max-width:1200px){
  #baole-navigation[data-authed="0"] .nav-row{gap:10px}
  #baole-navigation[data-authed="0"] .nav-links{gap:10px}
  #baole-navigation[data-authed="0"] .nav-tools{gap:8px}
  #baole-navigation[data-authed="0"] .nav-tools .register{padding:12px 10px}
}

/* Touch controls keep their own space instead of overlapping adjacent targets. */
@media(max-width:960px){
  #baole-navigation .close-menu{width:44px;height:44px;min-width:44px;min-height:44px}
  #baole-navigation .nav-tools .register{height:44px;min-height:44px}
  #baole-navigation .mobile-category-filter select{height:44px;min-height:44px}
}

/* R33: match the member account card without changing the site's font family. */
#baole-navigation .account-panel{
  width:238px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:14px;
  border:1px solid #e5eaf0;box-shadow:0 8px 24px rgba(23,44,72,.12);
}
#baole-navigation .account-menu .account-identity strong{font-size:14px;line-height:22px;font-weight:600!important}
#baole-navigation .account-menu .account-panel a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:40px;padding:9px 10px;box-sizing:border-box;
  font-size:14px;line-height:22px;font-weight:500!important;
}
#baole-navigation .account-menu .account-panel a:hover{background:#f3f7ff;color:var(--blue)}
#baole-navigation .cart-tool > svg{display:block;flex:none}
@media(max-width:1120px){
  #baole-navigation .account-menu .account-panel a{min-height:44px}
}
@media(hover:hover) and (pointer:fine){
  #baole-navigation .account-menu > summary{border-radius:3px}
  #baole-navigation .account-menu > summary:hover{background:#f5f8fc}
  #baole-navigation .nav-tools .search-toggle,
  #baole-navigation .nav-tools .cart-tool{border-radius:3px}
  #baole-navigation .nav-tools .search-toggle:hover,
  #baole-navigation .nav-tools .cart-tool:hover{background:#f5f8fc}
  #baole-navigation .account-menu[open]::after{
    content:"";position:absolute;z-index:0;right:0;top:100%;width:238px;
    max-width:calc(100vw - 24px);height:12px;pointer-events:auto;
  }
}