/*
 * Product page — "Request a Quote" CTA + bottom quote module.
 *
 * The quote module reuses the theme's .heiman-specification card (white
 * background, 40px padding, same-width container inside .heiman-detail-layout)
 * so it matches the Specification block exactly. Field skinning and the
 * WPForms Layout column geometry live in dec-wpforms.css (shared with the
 * Contact page form).
 */

/* ── CTA button: violet background, white text, hover darkens ── */
.dec-quote-cta {
	display: inline-block;
	margin-top: 26px;
	padding: 15px 34px;
	border: 0;
	border-radius: 6px;
	background: var(--violet, #522078);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.dec-quote-cta:hover,
.dec-quote-cta:focus {
	background: #34104f;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(82, 32, 120, 0.28);
}

.dec-quote-cta:active {
	transform: translateY(0);
}

/* ── Quote module: same card as Specification, spaced below it ── */
.dec-quote-module {
	margin: 20px 0 0; /* mirrors .heiman-specification — keeps the two white cards apart */
	scroll-margin-top: 24px;
}

.dec-quote-module .wpforms-container {
	width: 100%;
}