/**
 * autocarseatbelt — 右侧客服主题覆盖（只改本主题，不改 _common）
 * 系统 HTML：Homes/Tpl/_common/Online/online.html
 */

:root {
	--xy-online-primary: #002E5B;
	--xy-online-primary-dark: #001a35;
	--xy-online-accent: #FDE428;
	--xy-online-accent-dark: #002E5B;
	--xy-online-icon-size: 45px;
}

/* 旧主题客服条：即使缓存残留也不再显示 */
.yb_conct {
	display: none !important;
}

.side_contact_icon {
	background: var(--xy-online-primary);
	box-shadow: none;
	font-size: 20px;
	color: #fff;
}
.side_contact_item:hover .side_contact_icon {
	background: var(--xy-online-accent);
}

.side_contact_icon .fa,
.side_contact_toggle .fa:not(.side_contact_close),
.side_contact_icon .fa:before,
.side_contact_toggle .fa:not(.side_contact_close):before {
	font-family: FontAwesome !important;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
	color: #fff;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.side_contact_icon .fa {
	font-size: 20px;
	width: 1em;
	height: 1em;
}

.side_contact_whatsapp .side_contact_icon {
	background: #25D366;
}
.side_contact_whatsapp:hover .side_contact_icon {
	background: #1da851;
}

.side_contact_wechat .side_contact_icon {
	background: #07C160;
}
.side_contact_wechat:hover .side_contact_icon {
	background: #06ad56;
}

.side_contact_top .side_contact_icon {
	background: var(--xy-online-accent);
}
.side_contact_top:hover .side_contact_icon {
	background: var(--xy-online-accent-dark);
}

.side_contact_toggle {
	background: #002E5B !important;
	box-shadow: 0 8px 18px rgba(0, 46, 91, 0.22);
}
.side_contact_toggle:hover,
.side_contact.is-open .side_contact_toggle {
	background: #002E5B !important;
}
.side_contact_toggle .side_contact_close,
.side_contact_toggle .side_contact_close:before {
	display: none !important;
}
.side_contact.is-open .side_contact_toggle .fa-comments,
.side_contact.is-open .side_contact_toggle .fa-comments:before {
	display: none !important;
}
.side_contact.is-open .side_contact_toggle .side_contact_close,
.side_contact.is-open .side_contact_toggle .side_contact_close:before {
	display: inline-block !important;
}

.side_contact_inquiry .side_contact_icon,
.side_contact_inquiry:hover .side_contact_icon {
	background: #002E5B !important;
}
.side_contact_inquiry:hover .side_contact_icon {
	background: #001a35 !important;
}

/* 购物车：空篮隐藏；有货与电话/邮箱同列显示 */
.side_contact_cart.is-empty,
.side_contact_cart[hidden]:not(.is-visible),
.side_contact [data-xy-side-cart="1"].is-empty,
.side_contact [data-xy-side-cart="1"][hidden]:not(.is-visible) {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}
.side_contact_cart.is-visible,
.side_contact_item.side_contact_cart.is-visible,
.side_contact [data-xy-side-cart="1"].is-visible {
	display: block !important;
	visibility: visible !important;
	pointer-events: auto !important;
	height: var(--xy-online-icon-size, 45px) !important;
	margin-bottom: 4px !important;
	overflow: visible !important;
}
.side_contact_cart .side_contact_icon {
	position: relative;
	background: var(--xy-online-primary);
	color: #fff;
}
.side_contact_cart:hover .side_contact_icon {
	background: var(--xy-online-accent);
	color: #002E5B;
}
.side_contact_cart:hover .side_contact_icon .fa,
.side_contact_cart:hover .side_contact_icon .fa:before {
	color: #002E5B !important;
}
.side_contact_cart_badge {
	position: absolute;
	top: 2px;
	right: 2px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #FDE428;
	color: #002E5B;
	font: 700 10px/16px Arial, sans-serif;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 3;
}
.side_contact_cart_badge.is-empty,
.side_contact_cart_badge[hidden],
.side_contact_cart_badge:empty {
	display: none !important;
}

/* 询盘弹窗：海军蓝 + 黄，对齐站点主色 */
.side_inquiry_hd {
	background: #002E5B !important;
	border-bottom: 3px solid #FDE428;
	border-radius: 0;
}
.side_inquiry_dialog {
	border-radius: 2px;
	box-shadow: 0 24px 64px rgba(0, 46, 91, 0.28);
	font-family: Arial, Helvetica, sans-serif;
}
.side_inquiry_close:hover {
	background: #FDE428 !important;
	color: #002E5B !important;
}
.side_inquiry_tip {
	background: #f4f6f7 !important;
	border-color: #e6eaee !important;
	color: #4a5560 !important;
}
.side_inquiry_input:hover,
.side_inquiry_textarea:hover,
.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: #002E5B !important;
	box-shadow: 0 0 0 3px rgba(253, 228, 40, 0.35) !important;
}
.side_inquiry_submit {
	background: #FDE428 !important;
	color: #002E5B !important;
	border-radius: 2px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: none !important;
}
.side_inquiry_submit:hover {
	background: #002E5B !important;
	color: #fff !important;
	filter: none !important;
	transform: none !important;
}
.side_inquiry_thankyou .page_title {
	color: #002E5B !important;
}
.side_inquiry_thankyou .page_jump_txt a,
.side_inquiry_thankyou .sys_btn {
	color: #002E5B !important;
	border-color: #FDE428 !important;
	background: #FDE428 !important;
}