/**
 * hzaac 右侧客服主题覆盖（精简）
 * 系统样式：_common/Online/xy_online.css
 * 本文件：藏旧 live-chat、白图标、抵消 margin:0 auto、购物车橙色
 * 询盘弹窗：深蓝头栏 + 橙色提交（对齐品牌演示图），勿改系统 PHP
 */
.live-chat,
.live-chat-box,
.message-form-box,
a.back-to-top {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* 手机端恢复右侧客服；抬高避开底部 mfoot */
@media only screen and (max-width: 768px) {
	.side_contact {
		display: block !important;
		visibility: visible !important;
		pointer-events: auto !important;
		bottom: 72px !important;
		right: 8px !important;
		z-index: 1020 !important;
	}

	/* 底栏已有回顶，隐藏侧栏回顶避免重复 */
	.side_contact .side_contact_top {
		display: none !important;
	}
}

/* 旧壳 div{margin:0 auto} 会把绝对定位面板/二维码撑飞 */
.side_contact,
.side_contact div,
.side_contact ul,
.side_contact li,
.side_contact p,
.side_contact span,
.side_contact a,
.side_contact canvas {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none;
}

.side_contact {
	margin: 0 !important;
}

.side_contact .side_contact_item {
	position: relative !important;
}

.side_contact .side_contact_panel {
	margin: 0 !important;
	left: auto !important;
}

.side_contact .side_contact_qr,
.side_contact .side_contact_qr canvas,
.side_contact .side_contact_panel_qr img {
	margin: 0 !important;
	max-width: 160px !important;
}

/* 主题 a:link{#222} → 图标白字 */
.side_contact .side_contact_icon,
.side_contact a.side_contact_icon,
.side_contact a.side_contact_icon:link,
.side_contact a.side_contact_icon:visited,
.side_contact a.side_contact_icon:hover,
.side_contact a.side_contact_icon:focus,
.side_contact .side_contact_icon .fa,
.side_contact a.side_contact_icon .fa {
	color: #fff !important;
	text-decoration: none !important;
}

.side_contact .side_contact_panel a,
.side_contact .side_contact_panel a:link,
.side_contact .side_contact_panel a:visited {
	color: #333 !important;
	text-decoration: none !important;
}

.side_contact .side_contact_panel span {
	color: #333 !important;
}

.side_contact .side_contact_qr_tip {
	color: #8a8f98 !important;
}

/* 有货时购物车：橙底 + 深蓝角标 */
.side_contact .side_contact_cart .side_contact_icon,
.side_contact .side_contact_cart a.side_contact_icon:link,
.side_contact .side_contact_cart a.side_contact_icon:visited {
	background: #ff6a00 !important;
	color: #fff !important;
}

.side_contact .side_contact_cart:hover .side_contact_icon {
	background: #e85d00 !important;
}

.side_contact .side_contact_cart_badge {
	background: #0c4d89 !important;
	color: #fff !important;
}

body.xy-mini-cart-lock .side_contact {
	z-index: 99990 !important;
}

/* ========== Online Inquiry 弹窗：深蓝头 + 橙色提交 ========== */
.side_inquiry_modal,
.side_inquiry_modal div,
.side_inquiry_modal form,
.side_inquiry_modal p,
.side_inquiry_modal span,
.side_inquiry_modal label,
.side_inquiry_modal input,
.side_inquiry_modal textarea,
.side_inquiry_modal button,
.side_inquiry_modal select {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none;
}

.side_inquiry_modal .side_inquiry_dialog {
	margin: 0 !important;
	width: 100% !important;
	max-width: 560px !important; /* 与系统注入默认一致；勿被上方 max-width:none 撑满屏 */
	border-radius: 16px !important;
	overflow: hidden;
	box-shadow: 0 24px 64px rgba(12, 77, 137, 0.28) !important;
}

.side_inquiry_modal .side_inquiry_hd {
	background: linear-gradient(135deg, #0c4d89 0%, #0a3d6e 55%, #0c4d89 100%) !important;
	color: #fff !important;
}

.side_inquiry_modal .side_inquiry_hd-icon {
	background: rgba(255, 255, 255, 0.16) !important;
	color: #fff !important;
}

.side_inquiry_modal .side_inquiry_title,
.side_inquiry_modal .side_inquiry_sub {
	color: #fff !important;
}

.side_inquiry_modal .side_inquiry_close {
	background: rgba(255, 255, 255, 0.22) !important;
	color: #fff !important;
}

.side_inquiry_modal .side_inquiry_close:hover {
	background: #fff !important;
	color: #0c4d89 !important;
}

.side_inquiry_modal .side_inquiry_tip {
	background: rgba(12, 77, 137, 0.08) !important;
	border: 1px solid rgba(12, 77, 137, 0.16) !important;
	color: #334851 !important;
}

.side_inquiry_modal .side_inquiry_input:focus,
.side_inquiry_modal .side_inquiry_textarea:focus,
.side_inquiry_modal select.side_inquiry_input:focus {
	border-color: #ff6a00 !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.18) !important;
}

.side_inquiry_modal .side_inquiry_submit {
	background: linear-gradient(135deg, #ff6a00 0%, #e85d00 100%) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(255, 106, 0, 0.32) !important;
	border: none !important;
}

.side_inquiry_modal .side_inquiry_submit:hover {
	filter: brightness(1.05);
	box-shadow: 0 10px 24px rgba(255, 106, 0, 0.4) !important;
}

.side_inquiry_modal .side_inquiry_submit:active {
	transform: none;
}