/**
 * rbl-hardware — 右侧客服 / Online Inquiry 弹窗
 * 与站点主色统一：#0f2d52 / #013274 / #0193de
 */
:root {
	--xy-online-primary: #013274;
	--xy-online-primary-dark: #0f2d52;
	--xy-online-accent: #0193de;
	--xy-online-accent-dark: #0170c2;
}

/* —— 右侧图标条 —— */
.side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-primary) 0%, var(--xy-online-primary-dark) 100%);
	box-shadow: -2px 2px 10px rgba(15, 45, 82, 0.28);
}

.side_contact_item: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, #0193de 0%, #013274 100%);
}

.side_contact_inquiry:hover .side_contact_icon {
	background: linear-gradient(135deg, #0aa0f0 0%, #0193de 100%);
}

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

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

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

.side_contact_cart_badge {
	background: var(--xy-online-accent);
}

/* —— 弹窗 —— */
.side_inquiry_mask {
	background: rgba(15, 45, 82, 0.58);
	backdrop-filter: blur(3px);
}

.side_inquiry_dialog {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 24px 56px rgba(15, 45, 82, 0.28);
}

.side_inquiry_close {
	top: 14px;
	right: 14px;
	background: rgba(255, 255, 255, 0.2) !important;
	color: #fff !important;
}

.side_inquiry_close:hover {
	background: #fff !important;
	color: #013274 !important;
}

.side_inquiry_hd {
	align-items: center;
	gap: 14px;
	padding: 22px 56px 20px 24px;
	background: linear-gradient(135deg, #013274 0%, #0193de 100%) !important;
	color: #fff !important;
	border-bottom: none !important;
	border-radius: 14px 14px 0 0;
	position: relative;
}

.side_inquiry_hd:after {
	display: none !important;
}

.side_inquiry_hd-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.18) !important;
	color: #fff !important;
	font-size: 18px;
}

.side_inquiry_title {
	margin: 0 0 4px !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	color: #fff !important;
}

.side_inquiry_sub {
	display: block !important;
	margin: 0;
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: rgba(255, 255, 255, 0.88) !important;
}

.side_inquiry_hd .side_inquiry_tip {
	margin: 6px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.82) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

.side_inquiry_bd .side_inquiry_tip {
	margin: 0 0 16px;
	padding: 10px 12px;
	border-radius: 8px;
	background: #f0f9ff;
	border: 1px solid rgba(1, 147, 222, 0.2);
	color: #475569;
	font-size: 13px;
	line-height: 1.5;
}

.side_inquiry_bd {
	padding: 22px 24px 24px;
	background: #fff;
}

.side_inquiry_label {
	color: #475569;
}

.side_inquiry_input,
.side_inquiry_textarea {
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: #0f172a !important;
}

.side_inquiry_input::placeholder,
.side_inquiry_textarea::placeholder {
	color: #94a3b8;
}

.side_inquiry_input:hover,
.side_inquiry_textarea:hover {
	border-color: #94a3b8 !important;
	background: #fff !important;
}

.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: #0193de !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(1, 147, 222, 0.18) !important;
}

.side_inquiry_submit {
	height: 48px;
	border-radius: 10px;
	background: linear-gradient(180deg, #0193de 0%, #013274 100%) !important;
	box-shadow: 0 6px 18px rgba(1, 147, 222, 0.28) !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 14px !important;
	font-weight: 700;
}

.side_inquiry_submit:hover {
	background: linear-gradient(180deg, #0aa0f0 0%, #0193de 100%) !important;
	box-shadow: 0 8px 22px rgba(1, 147, 222, 0.38) !important;
	filter: none;
	transform: translateY(-1px);
}

.side_inquiry_submit:active {
	transform: none;
}

.side_inquiry_thankyou .sys_btn,
.side_inquiry_alert.is-ok .side_inquiry_alert_btn {
	background: #0193de !important;
}

.side_inquiry_thankyou .page_jump_txt a {
	color: #0193de;
}

.side_inquiry_thankyou .page_jump_txt a:hover {
	color: #013274;
}

/* 手机端泡泡按钮 */
@media only screen and (max-width: 768px) {
	.side_contact_toggle {
		background: linear-gradient(135deg, var(--xy-online-primary) 0%, var(--xy-online-primary-dark) 100%);
		box-shadow: -2px 2px 12px rgba(15, 45, 82, 0.32);
	}

	.side_contact.is-open .side_contact_toggle {
		background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
	}
}