/**
 * rbl-hardware — 右侧客服 / 询盘弹窗（简约大气，文字清晰）
 */
:root {
	--xy-online-primary: #212121;
	--xy-online-primary-dark: #111111;
	--xy-online-accent: var(--xy-skin-primary, #8bc34a);
	--xy-online-accent-dark: var(--xy-skin-accent, #689f38);
}

.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_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, #8bc34a) !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-primary, #8bc34a);
	max-width: 48px;
}

.side_inquiry_hd-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(139, 195, 74, 0.12) !important;
	color: var(--xy-skin-primary, #8bc34a);
	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;
}

/* tip 并入标题区文案流，去掉色块 */
.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_label em {
	color: var(--xy-skin-accent, #689f38);
}

.side_inquiry_input:hover,
.side_inquiry_textarea:hover {
	border-color: rgba(139, 195, 74, 0.45);
	background: #fff;
}

.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: var(--xy-skin-primary, #8bc34a) !important;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(139, 195, 74, 0.22) !important;
}

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

/* 提交成功 / 弹窗内按钮 — 覆盖 _common 红/蓝 */
.side_inquiry_thankyou .page_jump_txt a {
	color: var(--xy-skin-primary, #8bc34a);
}
.side_inquiry_thankyou .sys_btn {
	border-color: var(--xy-skin-primary, #8bc34a) !important;
	background-color: var(--xy-skin-primary, #8bc34a) !important;
}
.side_inquiry_thankyou .sys_btn:after {
	border-color: var(--xy-skin-primary, #8bc34a) !important;
	background-color: var(--xy-skin-primary, #8bc34a) !important;
}
.side_inquiry_thankyou .sys_btn:hover,
.side_inquiry_thankyou .sys_btn:hover:after {
	background-color: #fff !important;
	color: var(--xy-skin-primary, #8bc34a) !important;
}
.side_inquiry_alert_btn {
	background: var(--xy-skin-primary, #8bc34a) !important;
}
.side_inquiry_alert.is-ok .side_inquiry_alert_btn {
	background: var(--xy-skin-primary, #8bc34a) !important;
}

.side_contact_top .side_contact_icon {
	background: var(--xy-skin-primary, #8bc34a);
}
.side_contact_top:hover .side_contact_icon {
	background: var(--xy-skin-accent, #689f38);
}

/* 右侧栏购物车：询盘篮 / 商城篮，空车由系统 JS 隐藏 */
.side_contact_cart .side_contact_icon {
	background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
}
.side_contact_cart:hover .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-accent, #8bc34a) 0%, var(--xy-online-accent-dark, #689f38) 100%);
}
.side_contact_cart_badge {
	background: var(--xy-skin-primary, #8bc34a);
}