/* body.wd 前缀压过数据库残留的 `.single-product/.page .whb-header { 米色背景 }`。 */
body.wd .whb-header {
  position: fixed !important;
  inset-inline: 0 !important;
  top: 0 !important;
  z-index: 390 !important;
  background: transparent !important;
  transition: background-color .3s ease, border-color .3s ease, backdrop-filter .3s ease !important;
}

body.admin-bar .whb-header {
  top: 32px !important;
}

.whb-header .whb-main-header {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}

body.wd .whb-header :is(.whb-main-header, .whb-general-header, .whb-header-bottom, .whb-row),
body.wd .whb-header.whb-sticked :is(.whb-main-header, .whb-general-header, .whb-header-bottom, .whb-row) {
  background: #fff !important;
  border-bottom: 1px solid var(--bc-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
}

.whb-general-header-inner {
  height: var(--bc-header-h) !important;
  min-height: var(--bc-header-h) !important;
  max-height: var(--bc-header-h) !important;
  max-width: var(--bc-container) !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 2.2vw, 32px) !important;
}

.site-logo,
.wd-logo {
  min-width: 9rem;
}

.site-logo img,
.wd-logo img {
  max-height: 42px !important;
}

.wd-header-nav {
  justify-content: center !important;
}

.wd-header-nav .wd-nav {
  gap: 28px !important;
}

.wd-header-nav .wd-nav > li > a,
.wd-tools-element > a,
.wd-tools-element .wd-tools-text,
.wd-header-text {
  color: var(--bc-ink) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.wd-header-nav .wd-nav > li > a:hover,
.wd-header-nav .wd-nav > li.current-menu-item > a,
.wd-header-nav .wd-nav > li.wd-active > a,
.wd-tools-element:hover > a {
  color: var(--bc-ink) !important;
}

.wd-tools-element .wd-tools-icon,
.wd-tools-element .wd-tools-inner,
.whb-row .wd-tools-element .wd-tools-inner,
.whb-row .wd-tools-element > a > .wd-tools-icon {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.wd-tools-element .wd-tools-icon::before {
  font-size: 20px !important;
}

.wd-tools-element .wd-tools-count {
  background: var(--bc-ink) !important;
  color: #fff !important;
}

/* luxuryrepbags 风格：导航始终白底深字，当前项加下划线。 */
.wd-header-nav .wd-nav > li > a {
  position: relative !important;
}

.wd-header-nav .wd-nav > li.current-menu-item > a .nav-link-text,
.wd-header-nav .wd-nav > li.wd-active > a .nav-link-text {
  border-bottom: 2px solid var(--bc-ink) !important;
  padding-bottom: 3px !important;
}

body.page-id-29203 .whb-header:not(.whb-sticked) :is(.whb-main-header, .whb-general-header, .whb-header-bottom, .whb-row, .whb-column) {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.page-id-29203 .whb-header:not(.whb-sticked) :is(.wd-header-nav .wd-nav > li > a, .wd-tools-element > a, .wd-tools-element .wd-tools-text, .wd-header-text) {
  color: rgba(255, 255, 255, .78) !important;
}

body.page-id-29203 .whb-header:not(.whb-sticked) .site-logo img {
  filter: brightness(0) invert(1) !important;
}

@media (max-width: 782px) {
  body.admin-bar .whb-header {
    top: 46px !important;
  }
}

@media (max-width: 768px) {
  .whb-general-header-inner {
    padding-inline: 16px !important;
  }

  .wd-header-nav .wd-nav > li > a,
  .wd-tools-element > a,
  .wd-tools-element .wd-tools-text {
    font-size: 14px !important;
  }
}