/**
 * steeltowerfab — 顶栏会员 / 询盘篮（浅色顶栏）
 */

:root {
  --xy-skin-primary: #135ec4;
  --xy-member-nav-avatar-bg: #135ec4;
  --xy-member-nav-avatar-color: #fff;
  --xy-member-nav-icon-size: 18px;
  --xy-basket-nav-icon-size: 18px;
  --xy-basket-badge-bg: #ff8a1f;
  --xy-basket-badge-color: #fff;
}

.head .het .xy-header-extra-nav {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 6px 0 2px !important;
  list-style: none !important;
  vertical-align: middle !important;
  flex-shrink: 0;
}

.head .het .xy-header-extra-nav > li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  line-height: 1 !important;
}

.head .het .xy-header-extra-nav .xy-member-nav,
.head .het .xy-header-extra-nav .xy-basket-nav,
.head .het .xy-header-extra-nav .xy-wishlist-nav {
  color: #334155 !important;
  opacity: 1 !important;
}

.head .het .xy-header-extra-nav a,
.head .het .xy-header-extra-nav .xy-member-nav-login,
.head .het .xy-header-extra-nav .xy-basket-nav > a,
.head .het .xy-header-extra-nav .xy-basket-nav .icon,
.head .het .xy-header-extra-nav .xy-basket-nav .icon > i,
.head .het .xy-header-extra-nav .xy-basket-nav .icon > svg {
  color: #334155 !important;
  fill: currentColor !important;
}

.head .het .xy-header-extra-nav a:hover,
.head .het .xy-header-extra-nav .xy-basket-nav > a:hover {
  color: #135ec4 !important;
}

.head .het .xy-header-extra-nav > li.xy-basket-nav {
  margin-right: 2px !important;
  padding-right: 10px !important;
}

.head .het .xy-header-extra-nav .xy-basket-nav > a {
  overflow: visible !important;
}

.head .het .xy-header-extra-nav .xy-basket-badge {
  top: -7px;
  right: -6px;
  border-color: #eef3f9;
  box-shadow: 0 1px 4px rgba(255, 138, 31, .35);
}

@media screen and (max-width: 639px) {
  .head .het .xy-header-extra-nav {
    gap: 8px !important;
  }

  .head .het .xy-header-extra-nav .xy-member-nav,
  .head .het .xy-header-extra-nav .xy-basket-nav {
    --xy-member-nav-icon-size: 17px;
    --xy-basket-nav-icon-size: 17px;
  }
}