/**
 * 询盘车补充样式。
 *
 * 面板本体（.compare-panel / .selected-item / .item-clear / .rfixed-sc …）的样式原站
 * style.css + page.css 里全都有，已逐字复用到 main.css / page.css，这里不重复。
 * 只补两处原站没有、但我们需要的：
 *  1. 加购按钮（原站用 iconfont 图标，我们在 WooCommerce 卡片上用带文字的按钮）
 *  2. 超过 10 件的提示 —— 原站用 toastr 库，我们没引，用一个极简 toast 代替
 */

/* —— 加购按钮 —— */
.sc-enquiry-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	border: 1px solid var(--color);
	border-radius: var(--borderradius);
	background: #fff;
	color: var(--color);
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
	transition: all .2s linear;
}

.sc-enquiry-btn:hover {
	background: var(--color);
	color: #fff;
}

/* 已加入：反色实心，和原站 .pro-checked 的高亮语义一致 */
.sc-enquiry-btn.pro-checked {
	background: var(--color);
	color: #fff;
}

/* —— 上限提示 —— */
.sc-enquiry-toast {
	position: fixed;
	right: 20px;
	bottom: 90px;
	z-index: 1001;
	max-width: 280px;
	padding: 12px 16px;
	border-radius: var(--borderradius);
	background: rgba(0, 0, 0, .82);
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: all .2s linear;
}

.sc-enquiry-toast.is-on {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}