/**
 * 主题覆盖 — 会员 / 询盘篮顶栏入口（kaihong-clothing）
 * 系统默认样式：Homes/Tpl/_common/Member/xy-member-nav.css、Inquiry/xy-mini-cart.css
 * 本主题把入口注入到主导航尾部（Contact us 之后），需与菜单项垂直居中对齐。
 */

:root {
	--xy-member-nav-avatar-bg: #b80025;
	--xy-member-nav-icon-size: 20px;
	--xy-basket-badge-bg: #b80025;
	--xy-basket-nav-icon-size: 20px;
}

.navbar-nav > li.xy-member-nav,
.navbar-nav > li.xy-basket-nav {
	float: left;
	color: #333;
	padding: 31px 0 31px 18px !important;
}
.navbar-nav > li.xy-member-nav + li.xy-basket-nav {
	padding-left: 12px !important;
}
/* 主题给 .navbar-nav > li > a:hover 加了红底，会把小图标盖成红方块 */
.navbar-default .navbar-nav > li.xy-member-nav > a,
.navbar-default .navbar-nav > li.xy-basket-nav > a,
.navbar-default .navbar-nav > li.xy-member-nav > a:hover,
.navbar-default .navbar-nav > li.xy-member-nav > a:focus,
.navbar-default .navbar-nav > li.xy-basket-nav > a:hover,
.navbar-default .navbar-nav > li.xy-basket-nav > a:focus,
.navbar-default .navbar-nav > li.xy-member-nav.open > a,
.navbar-default .navbar-nav > li.xy-member-nav.open > a:hover,
.navbar-default .navbar-nav > li.xy-member-nav.open > a:focus {
	background: none !important;
	background-color: transparent !important;
}

.navbar-nav > li.xy-member-nav a,
.navbar-nav > li.xy-basket-nav a,
.navbar-nav > li.xy-member-nav .xy-member-nav-trigger {
	color: #333;
}
.navbar-default .navbar-nav > li.xy-member-nav > a:hover,
.navbar-default .navbar-nav > li.xy-member-nav > a:focus,
.navbar-default .navbar-nav > li.xy-basket-nav > a:hover,
.navbar-default .navbar-nav > li.xy-basket-nav > a:focus,
.navbar-nav > li.xy-member-nav .xy-member-nav-trigger:hover {
	color: #b80025;
}

/* 滚动后的固定顶栏：菜单 padding 由 30px 收到 20px */
.navbar-fixed-top .navbar-nav > li.xy-member-nav,
.navbar-fixed-top .navbar-nav > li.xy-basket-nav {
	padding: 21px 0 21px 18px !important;
}
.navbar-fixed-top .navbar-nav > li.xy-member-nav + li.xy-basket-nav {
	padding-left: 12px !important;
}

/* 窄屏时 kh-nav.js 把两个入口搬到这里（汉堡按钮左侧） */
.kh-nav-quick {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media screen and (max-width: 768px) {
	.kh-nav-quick {
		order: 2;
		display: flex;
		align-items: center;
		gap: 4px;
		margin-left: auto;
		margin-right: 6px;
	}
	.navbar-header > .navbar-toggle {
		order: 3;
	}
	.kh-nav-quick > li.xy-member-nav,
	.kh-nav-quick > li.xy-basket-nav {
		float: none;
		display: flex;
		align-items: center;
		border: 0;
		padding: 0 8px !important;
	}
	.kh-nav-quick > li.xy-member-nav > a,
	.kh-nav-quick > li.xy-basket-nav > a,
	.kh-nav-quick > li.xy-member-nav .xy-member-nav-trigger {
		display: flex;
		align-items: center;
		padding: 0;
		border: 0;
		line-height: 1;
	}
	/* 头像旁的用户名在这里放不下 */
	.kh-nav-quick .xy-member-nav-label,
	.kh-nav-quick .xy-member-nav-caret {
		display: none;
	}
	.kh-nav-quick .xy-member-nav-panel {
		right: 0;
		left: auto;
	}
}
