/* 询价表单样式（表单由 rotavon-core 插件输出），在首页和商品页加载 */

/* ==========================================================================
   询价表单（由 rotavon-core 插件输出，商品页和首页共用）
   ========================================================================== */

.rotavon-rfq {
	margin: 1.5em 0;
	scroll-margin-top: 90px; /* 提交后跳回 #rfq 时，不被吸顶页头（70px）挡住 */
}

.rotavon-rfq--general {
	margin: 0;
}

/* 询价模式下它是商品页唯一的主操作，用主色，和全站的 Get a Quote 一致 */
.rotavon-rfq summary {
	display: inline-block;
	padding: 12px 24px;
	border: 1px solid var(--rv-accent);
	border-radius: var(--rv-radius);
	background: var(--rv-accent);
	color: var(--rv-on-accent);
	font-weight: 600;
	cursor: pointer;
	list-style: none;
	transition: background 0.2s, border-color 0.2s;
}

.rotavon-rfq summary:hover {
	border-color: var(--rv-accent-hover);
	background: var(--rv-accent-hover);
}

.rotavon-rfq summary::-webkit-details-marker {
	display: none;
}

.rotavon-rfq summary + form,
.rotavon-rfq summary + .rotavon-rfq__notice {
	margin-top: 1.5em;
}

.rotavon-rfq p {
	margin: 0 0 16px;
}

.rotavon-rfq label {
	display: block;
	margin-bottom: 6px;
	color: var(--rv-muted);
	font-size: 13px;
	font-weight: 600;
}

.rotavon-rfq input:not([type="hidden"]),
.rotavon-rfq select,
.rotavon-rfq textarea {
	box-sizing: border-box; /* 宽度包含内边距和边框，否则比容器宽 30px */
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--rv-border);
	border-radius: var(--rv-radius);
	background: var(--rv-bg);
	color: var(--rv-text);
}

.rotavon-rfq input:focus,
.rotavon-rfq select:focus,
.rotavon-rfq textarea:focus {
	border-color: var(--rv-accent);
	outline: none;
	box-shadow: 0 0 0 3px var(--rv-accent-soft);
}

/* Cloudflare 人机验证：多数访客只看到一个勾，没内容时不占位 */
.rotavon-rfq .cf-turnstile:not(:empty) {
	margin-bottom: 16px;
}

.rotavon-rfq button[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	padding: 14px;
	border: 0;
	border-radius: var(--rv-radius);
	background: var(--rv-accent);
	color: var(--rv-on-accent);
	font-weight: 600;
}

.rotavon-rfq button[type="submit"]:hover {
	background: var(--rv-accent-hover);
}

.rotavon-rfq__notice {
	padding: 12px 16px;
	border-left: 3px solid var(--rv-accent);
	background: var(--rv-accent-soft);
}

.rotavon-rfq__notice--error {
	border-left-color: var(--rv-danger);
	background: rgba(255, 107, 107, 0.1);
	color: var(--rv-danger);
}