/**
 * Blok: bedankt-sectie (thankyou) — /bedankt-contact/ + /bedankt-aankoop/.
 * Gecentreerde bevestigingstekst onder de paginabanner + terug-knop.
 * Site-breed ingeladen via page-blocks-loader; alleen actief waar het blok staat.
 */

.th-thankyou {
	padding-block: clamp(48px, 5vw, 80px);
	background: #fff;
}

.th-thankyou__inner {
	max-width: 760px;
	text-align: center;
}

.th-thankyou__body {
	color: var(--th-text);
	font-size: 17px;
	line-height: 1.75;
}

.th-thankyou__body > *:first-child { margin-top: 0; }
.th-thankyou__body > *:last-child { margin-bottom: 0; }

.th-thankyou__body p {
	margin: 0 0 18px;
}

/* "Wat kun je verwachten?" tussenkop */
.th-thankyou__body h2,
.th-thankyou__body h3 {
	font-family: var(--th-font-heading);
	font-weight: 600;
	color: var(--th-dark);
	line-height: 1.25;
	margin: 34px 0 14px;
}

.th-thankyou__body h2 { font-size: clamp(22px, 1.2rem + 0.8vw, 26px); }
.th-thankyou__body h3 { font-size: 20px; }

/* Kleine gouden markering onder een tussenkop, in huisstijl */
.th-thankyou__body h2::after {
	content: "";
	display: block;
	width: 46px;
	height: 3px;
	margin: 12px auto 0;
	border-radius: 3px;
	background: var(--th-gold);
}

.th-thankyou__body a {
	color: var(--th-gold);
	font-weight: 600;
	text-decoration: none;
}
.th-thankyou__body a:hover { text-decoration: underline; }

.th-thankyou__btn {
	margin-top: 34px;
	min-width: 260px;
}

/* --------------------------------------------------------------------------
   Paginabanner op de bedankt-pagina's: groter + gecentreerde titel voor een
   feestelijke bevestiging (i.p.v. de standaard links-onder-uitlijning). De
   body-class `th-page-thankyou` wordt gezet zodra de pagina een thankyou-blok
   bevat (zie functions.php body_class-filter).
   -------------------------------------------------------------------------- */
.th-page-thankyou .th-banner {
	min-height: clamp(360px, 46vw, 520px);
	align-items: center;
	text-align: center;
}
.th-page-thankyou .th-banner__inner {
	width: 100%;
	padding-block: 48px;
}
.th-page-thankyou .th-banner__title {
	display: block;
	max-width: 15em;
	margin-inline: auto;
	font-size: clamp(30px, 1.4rem + 2.6vw, 52px);
}

@media (max-width: 768px) {
	.th-page-thankyou .th-banner { min-height: 300px; }
}