/**
 * cl-interior.css — CL-mode styling for token-rendered interior pages
 * (parity pass 2026-07-24).
 *
 * WHY: pages like Thank You / Quote Thank You / Financing Application were
 * BUILT with Elementor on the legacy stack; post-cutover Elementor is off and
 * the pages render the token-renderer fallback markup (plain .page-content),
 * which lost Elementor's card/section/icon styling — the check icon rendered
 * at full viewport size and forms floated without their card. These rules
 * reproduce the legacy card look for that fallback markup. Scoped to
 * .cl-page-{slug} body classes added by cl_frontend_body_class() in 'cl'
 * mode only — legacy mode never sees them.
 * Safari budget: no :has(), no color-mix(), no overflow:clip.
 */

/* ── Thank You / Quote Thank You: centered white card, green check ────── */
.cl-page-thank-you .page-content,
.cl-page-quote-thank-you .page-content {
	max-width: 700px;
	margin: 56px auto 72px;
	background: #ffffff;
	border: 1px solid #e8ecf1;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
	padding: 48px 42px 44px;
	text-align: center;
}
.cl-page-thank-you .page-content svg,
.cl-page-quote-thank-you .page-content svg {
	width: 56px;
	height: 56px;
	fill: #1e8e3e; /* legacy green check */
	display: inline-block;
}
.cl-page-thank-you .page-content h1,
.cl-page-quote-thank-you .page-content h1 {
	font-size: 30px;
	margin: 18px 0 14px;
	text-align: center;
}
/* The fallback markup carries stray <br> inside the action links. */
.cl-page-thank-you .page-content a br,
.cl-page-quote-thank-you .page-content a br {
	display: none;
}
.cl-page-thank-you .page-content p:last-child a,
.cl-page-quote-thank-you .page-content p:last-child a {
	display: inline-block;
	margin: 8px 0 0;
	padding: 12px 26px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid #332c2b;
	color: #332c2b;
	background: #ffffff;
	transition: opacity 0.15s ease;
}
.cl-page-thank-you .page-content p:last-child,
.cl-page-quote-thank-you .page-content p:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.cl-page-thank-you .page-content p:last-child a:last-of-type,
.cl-page-quote-thank-you .page-content p:last-child a:last-of-type {
	background: var(--cl-red, #dd0000);
	border-color: var(--cl-red, #dd0000);
	color: #ffffff;
}
.cl-page-thank-you .page-content p:last-child a:hover,
.cl-page-quote-thank-you .page-content p:last-child a:hover {
	opacity: 0.85;
}

/* ── Financing application: the legacy Elementor section card ─────────── */
.cl-page-application .page-content {
	max-width: 1010px;
	margin: 48px auto 64px;
	background: #ffffff;
	border: 1px solid #e8ecf1;
	border-radius: 10px;
	box-shadow: 0 8px 26px rgba(17, 24, 39, 0.07);
	padding: 36px 40px 40px;
}
@media (max-width: 767px) {
	.cl-page-thank-you .page-content,
	.cl-page-quote-thank-you .page-content,
	.cl-page-application .page-content {
		margin: 24px 16px 40px;
		padding: 28px 18px;
	}
}