/**
 * dpfp-dieselpump — 右侧客服 / 询盘弹窗
 */
:root {
	--xy-online-primary: #0b0b0b;
	--xy-online-primary-dark: #111111;
	--xy-online-accent: var(--xy-skin-accent, #fe8101);
	--xy-online-accent-dark: #d66d01;
}

.side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-primary) 0%, var(--xy-online-primary-dark) 100%);
	box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.18);
}
.side_contact_icon .fa,
.side_contact_toggle .fa-comments {
	font-family: FontAwesome !important;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 1;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.side_contact_item:hover .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
}

.side_inquiry_mask {
	background: rgba(20, 20, 20, 0.48);
}

.side_inquiry_dialog {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18);
}

.side_inquiry_close {
	top: 16px;
	right: 16px;
	background: #f3f3f3 !important;
	color: #666 !important;
}
.side_inquiry_close:hover {
	background: var(--xy-skin-primary, #0b0b0b) !important;
	color: #fff !important;
}

.side_inquiry_hd {
	align-items: flex-start;
	gap: 16px;
	padding: 28px 56px 22px 28px;
	background: #fff !important;
	color: #1a1a1a;
	border-bottom: 1px solid #eee;
	border-radius: 12px 12px 0 0;
	position: relative;
}
.side_inquiry_hd:after {
	content: "";
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: -1px;
	height: 2px;
	background: var(--xy-skin-accent, #fe8101);
	max-width: 48px;
}

.side_inquiry_hd-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(11, 11, 11, 0.06) !important;
	color: var(--xy-skin-primary, #0b0b0b);
	font-size: 20px;
}

.side_inquiry_title {
	margin: 2px 0 8px !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	color: #1a1a1a !important;
}

.side_inquiry_sub {
	display: none !important;
}

.side_inquiry_hd .side_inquiry_tip {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #888 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}
.side_inquiry_bd .side_inquiry_tip {
	display: none;
}

.side_inquiry_bd {
	padding-top: 20px;
}

.side_inquiry_input:hover,
.side_inquiry_textarea:hover {
	border-color: #bbb;
}

.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: var(--xy-skin-primary, #0b0b0b);
	box-shadow: 0 0 0 3px rgba(11, 11, 11, 0.1);
}

.side_inquiry_submit {
	height: 48px;
	border-radius: 8px;
	background: var(--xy-skin-primary, #0b0b0b) !important;
	box-shadow: none !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 14px !important;
}
.side_inquiry_submit:hover {
	background: var(--xy-skin-accent, #fe8101) !important;
	box-shadow: none !important;
	filter: none;
	transform: none;
}

.side_contact_top .side_contact_icon {
	background: var(--xy-skin-primary, #0b0b0b);
}
.side_contact_top:hover .side_contact_icon {
	background: var(--xy-skin-accent, #fe8101);
}

/* 询盘篮侧栏购物车：与系统 side_contact_cart 样式一致，保证有货时可见 */
.side_contact .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, 46px) !important;
	margin-bottom: 4px !important;
	overflow: visible !important;
}
.side_contact .side_contact_cart .side_contact_icon .fa-shopping-cart {
	font-family: FontAwesome !important;
	font-size: 18px;
	line-height: 1;
}
.side_contact {
	z-index: 99999;
}

/* 禁用主题旧版浮动客服（改用系统 side_contact） */
.online_service,
#online_qq_layer,
.yb_conct,
.bottom_tools,
.public_online,
.online .yb_conct {
	display: none !important;
}

/* 手机端：默认只显示对话泡泡，展开后才显示 X */
@media only screen and (max-width: 768px) {
	.side_contact {
		bottom: calc(var(--xy-mfoot-height, 52px) + 12px);
		right: 0;
		max-width: 100%;
	}
	/* 手机端禁用悬停左滑面板，避免撑出横向滚动 */
	.side_contact_panel,
	.side_contact_item:hover .side_contact_panel,
	.side_contact_item:hover .side_contact_panel_qr {
		display: none !important;
		max-width: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
	.side_contact_toggle .side_contact_close,
	.side_contact_toggle .fa-times {
		display: none !important;
		pointer-events: none;
	}
	.side_contact_toggle .fa-comments {
		display: inline-block !important;
	}
	.side_contact.is-open .side_contact_toggle .fa-comments {
		display: none !important;
	}
	.side_contact.is-open .side_contact_toggle .side_contact_close,
	.side_contact.is-open .side_contact_toggle .fa-times {
		display: block !important;
	}
}