/**
 * bh327 顶栏工具条重写：购物车 + 语言 同一中线对齐
 * 统一工具格高度 35px，图标行 18px，禁止 transform 位移
 */
.top_menu,
.top_menu .container,
.top_lang,
header{
	overflow:visible !important;
}
.top_menu{
	height:35px !important;
	position:relative !important;
	z-index:10010 !important;
}
.top_menu .container{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	flex-wrap:nowrap !important;
	height:35px !important;
}
.top_menu .top_name{
	flex:1 1 auto;
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:35px !important;
	padding-top:0 !important;
}

/* ===== 右上工具条容器 ===== */
.top_lang{
	--xy-tool-bar: 35px;
	--xy-tool-row: 18px;
	display:flex !important;
	align-items:center !important;
	justify-content:flex-end !important;
	flex:0 0 auto;
	float:none !important;
	height:var(--xy-tool-bar) !important;
	min-height:var(--xy-tool-bar) !important;
	padding:0 12px !important;
	margin:0 !important;
	line-height:normal !important;
	position:relative;
	z-index:10020;
	box-sizing:border-box !important;
}
.top_lang .xy-header-extra-nav{
	display:flex !important;
	align-items:center !important;
	flex-wrap:nowrap !important;
	gap:14px !important;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	height:var(--xy-tool-bar) !important;
	overflow:visible !important;
}
/* 每个工具格：等高、垂直居中 */
.top_lang .xy-header-extra-nav > li{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 auto;
	height:var(--xy-tool-bar) !important;
	min-height:var(--xy-tool-bar) !important;
	max-height:var(--xy-tool-bar) !important;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
	line-height:0 !important;
	float:none !important;
	overflow:visible !important;
	box-sizing:border-box !important;
	position:relative !important;
	top:auto !important;
	transform:none !important;
}
.top_lang .xy-header-search-slot,
.top_lang li.w105-header-search[hidden]{
	display:none !important;
	width:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden !important;
	border:0 !important;
}

/* ===== 会员 / 购物车 ===== */
.top_lang .xy-member-nav,
.top_lang .xy-basket-nav,
.top_lang .xy-header-extra-nav > li.xy-member-nav,
.top_lang .xy-header-extra-nav > li.xy-basket-nav{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	height:var(--xy-tool-bar) !important;
	min-height:var(--xy-tool-bar) !important;
	max-height:var(--xy-tool-bar) !important;
	color:#666 !important;
	opacity:1 !important;
	padding:0 !important;
}
/* 空篮也显示 */
.top_lang .xy-header-extra-nav > li.xy-basket-nav.is-empty,
.top_lang .xy-header-extra-nav > li.xy-basket-nav[hidden],
.top_lang .xy-header-extra-nav > li[data-xy-basket-nav].is-empty,
.top_lang .xy-header-extra-nav > li[data-xy-basket-nav][hidden]{
	display:flex !important;
	visibility:visible !important;
	pointer-events:auto !important;
	width:auto !important;
	height:var(--xy-tool-bar) !important;
	min-height:var(--xy-tool-bar) !important;
	max-height:var(--xy-tool-bar) !important;
	margin:0 !important;
	padding:0 !important;
	overflow:visible !important;
	opacity:1 !important;
}
.top_lang .xy-member-nav a,
.top_lang .xy-basket-nav a,
.top_lang a[data-xy-mini-cart]{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:var(--xy-tool-row) !important;
	height:var(--xy-tool-row) !important;
	margin:0 !important;
	padding:0 !important;
	line-height:0 !important;
	color:#666 !important;
	text-decoration:none !important;
	position:relative !important;
	top:0 !important;
	transform:none !important;
	box-sizing:content-box !important;
}
.top_lang .xy-member-nav a:hover,
.top_lang .xy-basket-nav a:hover,
.top_lang a[data-xy-mini-cart]:hover{
	color:var(--xy-skin-primary,#55b4d4) !important;
}
.top_lang .xy-basket-nav .icon,
.top_lang a[data-xy-mini-cart] .icon{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:var(--xy-tool-row) !important;
	height:var(--xy-tool-row) !important;
	line-height:0 !important;
	margin:0 !important;
	padding:0 !important;
}
.top_lang .xy-basket-nav .icon > svg,
.top_lang a[data-xy-mini-cart] .icon > svg{
	display:block !important;
	width:18px !important;
	height:18px !important;
	margin:0 !important;
}
.top_lang .xy-basket-nav .xy-basket-badge{
	top:-5px !important;
	right:-8px !important;
	min-width:15px !important;
	height:15px !important;
	line-height:15px !important;
	font-size:10px !important;
	padding:0 3px !important;
}

/* ===== 语言开关：与购物车同一 18px 行高 ===== */
.top_lang .xy-header-lang,
.top_lang .w105-header-lang{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	height:var(--xy-tool-bar) !important;
	margin:0 !important;
	padding:0 !important;
	overflow:visible !important;
	position:relative !important;
	z-index:10030 !important;
}
.top_lang .w105-header-lang-switcher,
.top_lang .w105-header-lang-switcher #gt_float_wrapper,
.top_lang .w105-header-lang-switcher .gt_float_switcher,
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected{
	display:flex !important;
	align-items:center !important;
	justify-content:flex-start !important;
	height:var(--xy-tool-bar) !important;
	margin:0 !important;
	padding:0 !important;
	line-height:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	border-radius:0 !important;
	float:none !important;
	overflow:visible !important;
	position:relative !important;
	top:auto !important;
	right:auto !important;
	left:auto !important;
	transform:none !important;
	font-size:13px !important;
	z-index:10030 !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher{
	flex-direction:row !important;
	cursor:pointer !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang{
	display:flex !important;
	align-items:center !important;
	gap:6px !important;
	height:var(--xy-tool-row) !important;
	margin:0 !important;
	padding:0 !important;
	line-height:var(--xy-tool-row) !important;
	font-size:13px !important;
	font-weight:600 !important;
	letter-spacing:.02em !important;
	text-transform:uppercase !important;
	color:var(--xy-skin-primary,#55b4d4) !important;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	white-space:nowrap !important;
	position:relative !important;
	top:0 !important;
	transform:none !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang:hover{
	color:var(--xy-skin-accent,#2a9bb8) !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{
	position:static !important;
	top:auto !important;
	color:inherit !important;
	line-height:var(--xy-tool-row) !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang img,
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected img{
	width:22px !important;
	height:15px !important;
	max-width:22px !important;
	max-height:15px !important;
	margin:0 !important;
	padding:0 !important;
	border-radius:2px !important;
	object-fit:cover !important;
	display:block !important;
	flex-shrink:0 !important;
	vertical-align:middle !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
	display:inline-block !important;
	width:12px !important;
	height:12px !important;
	margin:0 !important;
	padding:0 !important;
	position:static !important;
	top:auto !important;
	flex-shrink:0 !important;
	background-size:9px !important;
	background-position:center !important;
	background-repeat:no-repeat !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:%2355b4d4'/></svg>") !important;
}

/* ===== 语言下拉面板 ===== */
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options{
	position:absolute !important;
	top:100% !important;
	right:0 !important;
	left:auto !important;
	bottom:auto !important;
	width:420px !important;
	max-width:min(420px, calc(100vw - 24px)) !important;
	max-height:min(70vh, 420px) !important;
	overflow-x:hidden !important;
	overflow-y:auto !important;
	padding:12px 10px 8px !important;
	margin:0 !important;
	background:#fff !important;
	border:1px solid #e5e5e5 !important;
	border-radius:8px !important;
	box-shadow:0 8px 28px rgba(0,0,0,.14) !important;
	z-index:10060 !important;
	float:none !important;
	white-space:normal !important;
	display:none !important;
	grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
	opacity:1 !important;
	transform:none !important;
	box-sizing:border-box !important;
	pointer-events:auto !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-open{
	display:grid !important;
}
/* 勿改 #top_nav 的 position，否则会打断 common.js 的 navbar-fixed-top 跟随 */
#top_nav.navbar{
	z-index:1030;
}
#top_nav.navbar.navbar-fixed-top{
	z-index:1030 !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a{
	display:flex !important;
	align-items:flex-start !important;
	gap:6px !important;
	width:100% !important;
	padding:7px 8px !important;
	margin:0 !important;
	color:#222 !important;
	font-size:12px !important;
	line-height:1.35 !important;
	text-decoration:none !important;
	text-transform:none !important;
	background:transparent !important;
	float:none !important;
	white-space:normal !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a:hover{
	background:#f5f9fb !important;
	color:var(--xy-skin-primary,#55b4d4) !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a img{
	width:18px !important;
	height:12px !important;
	margin:1px 0 0 !important;
	flex-shrink:0 !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-expanded{
	width:560px !important;
	max-width:min(560px, calc(100vw - 24px)) !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a.gt-lang-extra{
	display:none !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-expanded a.gt-lang-extra{
	display:flex !important;
}
.top_lang .w105-header-lang-switcher .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,#55b4d4) !important;
	font-weight:500 !important;
	font-size:13px !important;
	border-top:1px solid #eee !important;
	margin-top:6px !important;
	padding:10px 12px 4px !important;
	text-transform:none !important;
}
.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options a.gt-lang-more:hover{
	background:transparent !important;
	color:#333 !important;
}

.xy-header-extra-fallback{
	top:42px !important;
	right:16px !important;
	z-index:10050;
}

@media (max-width:767px){
	.top_menu .container{
		justify-content:space-between !important;
	}
	.top_menu .top_name{
		display:block !important;
		flex:1 1 auto !important;
		min-width:0 !important;
		max-width:calc(100% - 120px) !important;
	}
	.top_menu .top_name > a{
		padding-left:0 !important;
	}
	/* 文案过长时只显示图标旁邮箱短显 */
	.top_menu .top_name > a .xy-top-email-label{
		display:none;
	}
	.top_lang{
		padding:0 4px 0 6px !important;
		margin-left:auto !important;
	}
	.top_lang .w105-header-lang-switcher .gt_float_switcher .gt-selected .gt-current-lang{
		font-size:12px !important;
	}
	.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options,
	.top_lang .w105-header-lang-switcher .gt_float_switcher .gt_options.gt-expanded{
		position:fixed !important;
		left:12px !important;
		right:12px !important;
		width:auto !important;
		max-width:none !important;
		top:72px !important;
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		z-index:10050 !important;
	}
}
