/**
 * cnhowovehicle — 右侧客服
 * w102 页未加载 Font Awesome，将 .fa 映射到 w102-iconfont
 */
:root {
	--xy-online-primary: #2a2a2a;
	--xy-online-primary-dark: #1a1a1a;
	--xy-online-accent: #FEBC2A;
	--xy-online-accent-dark: #e5a926;
	--xy-online-icon-size: 52px;
}

/* 旧版 w102-sidebar 已移除，防止模板缓存未清时与系统客服叠层 */
.w102-sidebar {
	display: none !important;
}

.side_contact .fa,
.side_inquiry_modal .fa {
	font-family: "w102-iconfont" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.side_contact_icon .fa,
.side_contact_toggle .fa {
	font-size: 22px;
}

.side_contact .fa-phone:before,
.side_inquiry_modal .fa-phone:before { content: "\e746"; }

.side_contact .fa-envelope-o:before,
.side_inquiry_modal .fa-envelope-o:before { content: "\e6da"; }

.side_contact .fa-whatsapp:before { content: "\eeb2"; }

.side_contact .fa-weixin:before { content: "\ef64"; }

.side_contact .fa-comment-o:before,
.side_inquiry_modal .fa-comment-o:before { content: "\e6fc"; }

.side_contact .fa-arrow-up:before { content: "\e846"; }

.side_contact .fa-shopping-cart:before { content: "\e7b7"; }

.side_contact_toggle .fa-comments:before { content: "\e6d2"; }

.side_contact_toggle .fa-times:before { content: "\e612"; }

.side_contact .fa-heart:before {
	content: "\2665";
	font-family: sans-serif !important;
	font-size: 18px;
}

.side_contact_icon {
	border-radius: 10px 0 0 10px;
	box-shadow: -3px 3px 16px rgba(0, 0, 0, 0.16);
	background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
}

.side_contact_item:hover .side_contact_icon {
	background: linear-gradient(135deg, #ffd04a 0%, var(--xy-online-accent) 100%);
}

.side_contact_top .side_contact_icon,
.side_contact_top:hover .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
}

.side_contact_inquiry .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
}

.side_contact_inquiry:hover .side_contact_icon {
	background: linear-gradient(135deg, #ffd04a 0%, var(--xy-online-accent) 100%);
}

/* 询盘弹窗 — 与首页 #FEBC2A 主色统一 */
.side_inquiry_close:hover {
	color: #2a2a2a;
}

.side_inquiry_hd {
	background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 42%, var(--xy-online-accent) 100%);
}

.side_inquiry_tip {
	background: rgba(254, 188, 42, 0.1);
	border-color: rgba(254, 188, 42, 0.28);
	color: #6b5a20;
}

.side_inquiry_input:hover,
.side_inquiry_textarea:hover {
	border-color: var(--xy-online-accent);
}

.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: var(--xy-online-accent);
	box-shadow: 0 0 0 3px rgba(254, 188, 42, 0.2);
}

.side_inquiry_submit {
	background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
	box-shadow: 0 8px 20px rgba(254, 188, 42, 0.35);
}

.side_inquiry_submit:hover {
	box-shadow: 0 10px 24px rgba(254, 188, 42, 0.42);
}

.side_contact_panel a:hover {
	color: var(--xy-online-accent);
}

@media only screen and (max-width: 768px) {
	.side_contact_toggle {
		background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
		box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.25);
	}
}