/**
 * densetide — 右侧客服 / Online Inquiry 品牌色
 * 本主题使用 Font Awesome 4（FontAwesome），勿映射到 FA5 字体名
 * 品牌红 #c83428 / #a5281f
 */
:root {
	--xy-skin-primary: #c83428;
	--xy-online-primary: #c83428;
	--xy-online-primary-dark: #a5281f;
	--xy-online-accent: #c83428;
	--xy-online-accent-dark: #a5281f;
	--xy-online-icon-size: 46px;
	--xy-online-btn-bg: #c83428;
	--xy-online-btn-bg-hover: #a5281f;
}

/* 强制沿用本主题 FA4，防止系统层 FA5 映射把图标打成方框 */
.side_contact .fa,
.side_contact .fa:before,
.side_contact_qr::after,
.side_inquiry_modal .fa,
.side_inquiry_modal .fa:before {
	font-family: FontAwesome !important;
	font-weight: normal !important;
	font-style: normal !important;
}

/* hover 时图标保持白色，避免红底上变红看不清 */
.side_contact a.side_contact_icon,
.side_contact a.side_contact_icon:hover,
.side_contact a.side_contact_icon:focus,
.side_contact_item:hover .side_contact_icon,
.side_contact_item:hover .side_contact_icon .fa,
.side_contact .side_contact_icon,
.side_contact .side_contact_icon .fa,
.side_contact .side_contact_icon .fa:before {
	color: #fff !important;
}

.side_contact_cart[data-xy-theme-side-basket="1"].is-empty,
.side_contact_cart[data-xy-theme-side-basket="1"][hidden] {
	display: none !important;
}

.side_contact_cart[data-xy-theme-side-basket="1"].is-visible {
	display: block !important;
	visibility: visible !important;
	pointer-events: auto !important;
	height: var(--xy-online-icon-size, 46px) !important;
	margin-bottom: 4px !important;
	overflow: visible !important;
}

.side_contact_cart[data-xy-theme-side-basket="1"] .side_contact_icon {
	position: relative;
	background: linear-gradient(135deg, #c83428 0%, #a5281f 100%);
	color: #fff;
}

.side_contact_cart[data-xy-theme-side-basket="1"]:hover .side_contact_icon {
	background: linear-gradient(135deg, #d6453a 0%, #c83428 100%);
	color: #fff;
}

.side_contact_cart[data-xy-theme-side-basket="1"] .side_contact_cart_badge {
	position: absolute;
	top: 2px;
	right: 2px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #333;
	color: #fff;
	font: 700 10px/16px Arial, sans-serif;
	text-align: center;
	box-sizing: border-box;
	z-index: 3;
}

/* Online Inquiry 弹窗 */
.side_inquiry_close:hover {
	background: #fff !important;
	color: #c83428 !important;
}

.side_inquiry_hd {
	background: linear-gradient(135deg, #a5281f 0%, #c83428 48%, #d6453a 100%) !important;
}

.side_inquiry_tip {
	background: rgba(200, 52, 40, 0.08) !important;
	border-color: rgba(200, 52, 40, 0.18) !important;
	color: #5a2a26 !important;
}

.side_inquiry_label {
	color: #2a2a30 !important;
}

.side_inquiry_modal input.side_inquiry_input,
.side_inquiry_modal select.side_inquiry_input,
.side_inquiry_modal textarea.side_inquiry_textarea,
.side_inquiry_form input.side_inquiry_input,
.side_inquiry_form select.side_inquiry_input,
.side_inquiry_form textarea.side_inquiry_textarea {
	border: 1px solid #e5d5d3 !important;
	border-radius: 10px !important;
	background: #faf7f6 !important;
	color: #111117 !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.side_inquiry_modal input.side_inquiry_input:hover,
.side_inquiry_modal select.side_inquiry_input:hover,
.side_inquiry_modal textarea.side_inquiry_textarea:hover,
.side_inquiry_form input.side_inquiry_input:hover,
.side_inquiry_form select.side_inquiry_input:hover,
.side_inquiry_form textarea.side_inquiry_textarea:hover {
	border-color: #c89a95 !important;
	background: #fff !important;
}

.side_inquiry_modal input.side_inquiry_input:focus,
.side_inquiry_modal select.side_inquiry_input:focus,
.side_inquiry_modal textarea.side_inquiry_textarea:focus,
.side_inquiry_form input.side_inquiry_input:focus,
.side_inquiry_form select.side_inquiry_input:focus,
.side_inquiry_form textarea.side_inquiry_textarea:focus {
	border-color: #c83428 !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(200, 52, 40, 0.16) !important;
}

.side_inquiry_modal .side_inquiry_submit,
.side_inquiry_form .side_inquiry_submit,
button.side_inquiry_submit {
	background: linear-gradient(135deg, #c83428 0%, #a5281f 100%) !important;
	background-image: linear-gradient(135deg, #c83428 0%, #a5281f 100%) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(200, 52, 40, 0.35) !important;
}

.side_inquiry_modal .side_inquiry_submit:hover,
.side_inquiry_form .side_inquiry_submit:hover,
button.side_inquiry_submit:hover {
	filter: brightness(1.05) !important;
	box-shadow: 0 10px 24px rgba(200, 52, 40, 0.42) !important;
}