/**
 * hbweiyi — 顶栏会员 / 询盘篮 / 语言 / 搜索（仿站 navbar + xy-layout 通用）
 */
:root {
	--xy-member-nav-avatar-bg: var(--xy-skin-primary, #1b4b95);
	--xy-member-nav-avatar-color: #fff;
	--xy-basket-badge-bg: var(--xy-skin-primary, #1b4b95);
	--xy-basket-badge-color: #fff;
	--xy-header-extra-fallback-bg: rgba(36, 48, 32, 0.9);
	--xy-header-extra-fallback-fg: #fff;
}

/* 仿站顶栏：搜索 + 会员 / 询盘篮（同一工具条） */
#top_nav > .container.hbw-header-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

#top_nav .navbar-header {
	float: none;
	flex: 0 0 auto;
}

#top_nav #navbar.navbar-collapse {
	float: none !important;
	flex: 1 1 auto;
	width: auto;
	padding-right: 0;
}

#top_nav .hbw-header-extra {
	position: static;
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	float: none !important;
	flex: 0 0 auto;
	height: auto;
	align-self: center;
}

#top_nav .hbw-header-extra.navbar-right {
	float: none !important;
	margin-right: 0;
}

#top_nav .hbw-header-extra .xy-header-extra-nav,
#top_nav .hbw-header-extra .hbw-header-tools {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_nav .hbw-header-extra .hbw-nav-search,
#top_nav .hbw-header-extra .xy-header-tools-search {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_nav .hbw-header-extra .hbw-nav-search > .head-search-bg,
#top_nav .hbw-header-extra .hbw-nav-search section.head-search-bg {
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

#top_nav .hbw-header-extra .head-search {
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#top_nav .hbw-header-extra .head-search .hbw-search-toggle.search-btn {
	width: 38px;
	height: 38px;
	margin: 0;
}

#top_nav .hbw-header-extra .xy-basket-nav,
#top_nav .hbw-header-extra .xy-member-nav,
#top_nav .hbw-header-extra .xy-wishlist-nav {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

#top_nav .hbw-header-extra .xy-basket-nav a,
#top_nav .hbw-header-extra .xy-member-nav a,
#top_nav .hbw-header-extra .xy-wishlist-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	width: 38px;
	height: 38px;
	padding: 0;
}

#top_nav .hbw-header-extra .xy-basket-nav a.xy-basket-nav-toggle {
	min-width: 38px !important;
	width: 38px !important;
	height: 38px !important;
}

/* 角标：略偏图标右上，介于系统默认与贴紧之间 */
#top_nav .hbw-header-extra .xy-basket-nav .xy-basket-badge {
	top: 0;
	right: 0;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	font-size: 10px;
	line-height: 16px;
	border-width: 1.5px;
}

#top_nav .hbw-header-extra .xy-member-nav,
#top_nav .hbw-header-extra .xy-basket-nav,
#top_nav .hbw-header-extra .xy-wishlist-nav {
	color: #444 !important;
	opacity: 1 !important;
}

#top_nav .hbw-header-extra .xy-member-nav a,
#top_nav .hbw-header-extra .xy-basket-nav a {
	color: #444 !important;
}

#top_nav .hbw-header-extra .xy-member-nav a:hover,
#top_nav .hbw-header-extra .xy-basket-nav a:hover {
	color: var(--xy-skin-primary, #1b4b95) !important;
}

/* xy-layout 顶栏（结账 / 手机首页等） */
.xy-header .xy-header-extra-nav .xy-member-nav a:hover,
.xy-header .xy-header-extra-nav .xy-basket-nav a:hover {
	color: var(--xy-skin-primary, #1b4b95) !important;
}

@media screen and (max-width: 768px) {
	#top_nav > .container.hbw-header-container {
		display: block;
		position: relative;
	}

	/* 手机顶栏不显示搜索按钮（全屏搜索层见 theme_footer #search-bar） */
	#top_nav .hbw-header-extra .hbw-nav-search,
	#top_nav .hbw-header-extra .xy-header-tools-search {
		display: none !important;
	}

	#top_nav .hbw-header-extra {
		display: inline-flex;
		position: absolute;
		top: 0;
		right: 72px;
		height: 50px;
		z-index: 12;
	}

	/* 仅询盘篮/会员等待注入项时显示；否则不占位 */
	#top_nav .hbw-header-extra:not(:has(.xy-basket-nav:not([hidden]), .xy-member-nav, .xy-wishlist-nav)) {
		display: none !important;
	}
}

/* 顶栏语言切换：右上角 SNS 左侧（下拉须压过 #top_nav z-index:1030） */
.hbw-topbar {
	position: relative;
	z-index: 1040;
}

.hbw-topbar:has(.gt_options.gt-open) {
	z-index: 10060;
}

.hbw-topbar .container.hbw-header-container,
.hbw-topbar-wrap,
.hbw-topbar-right,
.hbw-topbar-extra-list {
	overflow: visible !important;
}

.hbw-topbar .xy-header-lang {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	z-index: 10061;
}

.hbw-topbar .xy-header-lang-switcher,
.hbw-topbar #gt_float_wrapper {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	display: inline-flex !important;
	align-items: center;
	z-index: 10061;
}

.hbw-topbar .gt_float_switcher {
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	border-radius: 0 !important;
	overflow: visible !important;
}

.hbw-topbar .gt_float_switcher .gt-selected {
	float: none !important;
	background: transparent !important;
}

.hbw-topbar .gt_float_switcher .gt-selected .gt-current-lang {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 12px 0 10px !important;
	min-height: 30px;
	height: 30px;
	box-sizing: border-box;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 999px !important;
	cursor: pointer;
	transition: background 0.25s, border-color 0.25s, transform 0.25s;
	white-space: nowrap;
}

.hbw-topbar .gt_float_switcher .gt-selected .gt-current-lang:hover {
	background: rgba(255, 255, 255, 0.22) !important;
	border-color: rgba(255, 255, 255, 0.32) !important;
	transform: translateY(-1px);
}

.hbw-topbar .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
	position: static !important;
	top: auto !important;
	max-width: 88px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
}

.hbw-topbar .gt_float_switcher img {
	width: 20px !important;
	height: 14px !important;
	max-width: 20px !important;
	max-height: 14px !important;
	margin: 0 !important;
	border-radius: 2px !important;
	object-fit: cover;
}

.hbw-topbar .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
	height: 12px !important;
	width: 12px !important;
	background-size: 10px !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23ffffff'/></svg>") !important;
	opacity: 0.92;
}

.hbw-topbar .gt_float_switcher .gt_options {
	width: 420px !important;
	max-width: min(420px, calc(100vw - 24px)) !important;
	max-height: min(70vh, calc(100vh - 110px)) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 10px 8px !important;
	margin: 0 !important;
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 8px !important;
	box-shadow: 0 12px 32px rgba(24, 36, 24, 0.18) !important;
	z-index: 10062 !important;
	float: none !important;
	display: none !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.hbw-topbar .gt_float_switcher .gt_options.gt-open {
	display: grid !important;
	position: fixed !important;
	opacity: 1 !important;
	transform: none !important;
	z-index: 10062 !important;
}

.hbw-topbar .gt_float_switcher .gt_options a {
	display: flex !important;
	align-items: flex-start !important;
	gap: 6px !important;
	padding: 7px 8px !important;
	color: #444 !important;
	font-size: 12px !important;
	text-decoration: none !important;
}

.hbw-topbar .gt_float_switcher .gt_options a:hover {
	background: #f5f8f2 !important;
	color: var(--xy-skin-primary, #1b4b95) !important;
}

/* 默认只显示 featured_languages；其余语言点 More 展开 */
.hbw-topbar .gt_float_switcher .gt_options.gt-expanded {
	width: 520px !important;
	max-width: min(520px, calc(100vw - 24px)) !important;
	max-height: min(78vh, calc(100vh - 96px)) !important;
}

.hbw-topbar .gt_float_switcher .gt_options.gt-open a.gt-lang-extra {
	display: none !important;
}

.hbw-topbar .gt_float_switcher .gt_options.gt-open.gt-expanded a.gt-lang-extra {
	display: flex !important;
}

.hbw-topbar .gt_float_switcher .gt_options a.gt-lang-more {
	grid-column: 1 / -1 !important;
	justify-content: center !important;
	align-items: center !important;
	display: flex !important;
	gap: 6px !important;
	color: var(--xy-skin-primary, #1b4b95) !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	border-top: 1px solid #e8ece8 !important;
	margin-top: 4px !important;
	padding: 10px 12px 6px !important;
	text-decoration: none !important;
	word-break: normal !important;
}

.hbw-topbar .gt_float_switcher .gt_options a.gt-lang-more:hover {
	background: #f5f8f2 !important;
	color: #143872 !important;
}

.hbw-topbar .gt_float_switcher .gt_options a.gt-lang-more .gt-more-arrow {
	font-size: 10px;
	line-height: 1;
	opacity: 0.85;
}

@media screen and (max-width: 768px) {
	.hbw-topbar-right {
		gap: 6px;
	}

	.hbw-topbar .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
		max-width: 72px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.hbw-topbar .gt_float_switcher .gt_options.gt-open,
	.hbw-topbar .gt_float_switcher .gt_options.gt-open.gt-expanded {
		position: fixed !important;
		left: 12px !important;
		right: 12px !important;
		width: auto !important;
		max-width: none !important;
		top: 52px !important;
		z-index: 10062 !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* 全站搜索层（theme.min.js + #search-bar） */
.xy-search {
	display: none;
	position: fixed;
	z-index: 10070;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.xy-search .xy-search-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 35vh;
}
.xy-search .xy-search-content {
	display: block;
	position: relative;
	z-index: 2;
	max-width: 600px;
	width: 100%;
	padding: 0 16px;
	margin: 0 auto;
}
.xy-search .xy-search-bar {
	position: relative;
	width: 100%;
	padding: 0 72px 0 16px;
	background-color: #fff;
	border-radius: 4px;
}
.xy-search .xy-search-bar > input {
	display: block;
	width: 100%;
	height: 50px;
	background-color: transparent;
	border: 0;
	font-size: 16px;
	outline: 0;
}
.xy-search .xy-search-bar > button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 50px;
	background-color: var(--xy-skin-primary, #1b4b95);
	border: 0;
	outline: none;
	color: #fff;
	cursor: pointer;
	transition: background-color .3s;
	font-size: 24px;
}
.xy-search .xy-search-bar > button:hover {
	background-color: var(--xy-skin-primary-dark, #143872);
}
.xy-search .xy-search-mask {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: default;
	background-color: rgba(0, 0, 0, 0.88);
}
.xy-search .xy-search-close {
	position: absolute;
	z-index: 2;
	display: block;
	width: 40px;
	height: 40px;
	top: 8px;
	right: 8px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
}
.xy-search .xy-search-close:hover {
	color: var(--xy-skin-primary, #1b4b95);
}
.xy-search.opened {
	display: block;
}