/* Keep the existing globalnav style while tailoring its visible menu set and labels. */

#globalnav #globalnav-list .custom-nav-hidden {
  display: none !important;
}

/* Keep the server-rendered language switch aligned with the search item. */
#globalnav #globalnav-bag.globalnav-language {
  flex: 0 0 44px;
  height: 44px;
  overflow: hidden;
  width: 44px;
}

#globalnav #globalnav-bag.globalnav-language .globalnav-language-link {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  height: 44px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  width: 44px;
}

/* Keep the runtime-only bag elements out of the language control. */
#globalnav #globalnav-bag.globalnav-language .globalnav-bag-badge,
#globalnav #globalnav-bag.globalnav-language .globalnav-submenu {
  display: none !important;
}

/* Use plain text for the 5 kept menu columns. */
#globalnav #globalnav-list .globalnav-item-store .globalnav-link-image,
#globalnav #globalnav-list .globalnav-item-store .globalnav-image-regular,
#globalnav #globalnav-list .globalnav-item-store .globalnav-image-compact,
#globalnav #globalnav-list .globalnav-item-mac .globalnav-link-image,
#globalnav #globalnav-list .globalnav-item-mac .globalnav-image-regular,
#globalnav #globalnav-list .globalnav-item-mac .globalnav-image-compact,
#globalnav #globalnav-list .globalnav-item-ipad .globalnav-link-image,
#globalnav #globalnav-list .globalnav-item-ipad .globalnav-image-regular,
#globalnav #globalnav-list .globalnav-item-ipad .globalnav-image-compact,
#globalnav #globalnav-list .globalnav-item-iphone .globalnav-link-image,
#globalnav #globalnav-list .globalnav-item-iphone .globalnav-image-regular,
#globalnav #globalnav-list .globalnav-item-iphone .globalnav-image-compact,
#globalnav #globalnav-list .globalnav-item-watch .globalnav-link-image,
#globalnav #globalnav-list .globalnav-item-watch .globalnav-image-regular,
#globalnav #globalnav-list .globalnav-item-watch .globalnav-image-compact {
  display: none !important;
}

#globalnav #globalnav-list .globalnav-item-store svg,
#globalnav #globalnav-list .globalnav-item-mac svg,
#globalnav #globalnav-list .globalnav-item-ipad svg,
#globalnav #globalnav-list .globalnav-item-iphone svg,
#globalnav #globalnav-list .globalnav-item-watch svg {
  display: none !important;
}

#globalnav #globalnav-list .globalnav-item-store .globalnav-link-text,
#globalnav #globalnav-list .globalnav-item-mac .globalnav-link-text,
#globalnav #globalnav-list .globalnav-item-ipad .globalnav-link-text,
#globalnav #globalnav-list .globalnav-item-iphone .globalnav-link-text,
#globalnav #globalnav-list .globalnav-item-watch .globalnav-link-text {
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
  clip: auto !important;
  clip-path: none !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  text-indent: 0 !important;
  white-space: nowrap;
}

#globalnav #globalnav-list .globalnav-item-store .globalnav-link-text-container,
#globalnav #globalnav-list .globalnav-item-mac .globalnav-link-text-container,
#globalnav #globalnav-list .globalnav-item-ipad .globalnav-link-text-container,
#globalnav #globalnav-list .globalnav-item-iphone .globalnav-link-text-container,
#globalnav #globalnav-list .globalnav-item-watch .globalnav-link-text-container {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
}

/* Make flyout submenu text larger for better readability. */
#globalnav .globalnav-flyout-content .globalnav-flyout-link,
#globalnav .globalnav-flyout-content a,
#globalnav .globalnav-submenu-content .globalnav-flyout-link,
#globalnav .globalnav-submenu-content a {
  font-size: 16px !important;
  line-height: 1.35 !important;
}

/* Replace the original glyph with the Xianjinzhe logo. */
#globalnav .globalnav-link-apple .globalnav-image-regular,
#globalnav .globalnav-link-apple .globalnav-image-compact,
#globalnav .globalnav-link-apple .globalnav-link-text {
  display: none !important;
}

#globalnav .globalnav-link-apple {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

#globalnav .globalnav-link-apple::before {
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  background: url("/static/picture/logo.webp") center center / cover no-repeat;
}

@media only screen and (max-width: 833px) {
  #globalnav-bag.globalnav-language {
    flex-basis: 48px;
    height: 48px;
    width: 48px;
  }

  #globalnav-bag.globalnav-language .globalnav-language-link {
    align-items: center;
    height: 48px;
    font-size: 15px;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    position: static;
    transform: translateY(2px) !important;
    width: 48px;
  }
}