/**
 * 0.2.13 -- Over mij auto-timeline template support + broader € price gold
 */

/* Euro price paragraphs tagged by PHP (msd-price) or short €-only lines in cards. */
.msd-page-main .msd-card p.msd-price,
.msd-page-main p.msd-price {
	font-size: clamp(2rem, 3.6vw, 2.85rem) !important;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--accent, #C9A227);
	margin-top: 0.2rem;
	margin-bottom: 0.45rem;
}

/* When a card heading is immediately followed by a marked price, tighten the pair. */
.msd-page-main .msd-card > .wp-block-heading + p.msd-price,
.msd-page-main .msd-card .msd-card-body > .wp-block-heading + p.msd-price {
	margin-top: 0.15rem;
}

/* Gold top accent on cards that contain a price (no .msd-pricing class required). */
.msd-page-main .msd-card:has(> p.msd-price),
.msd-page-main .msd-card:has(.msd-card-body > p.msd-price),
.msd-page-main .msd-card:has(> .wp-block-heading + p.msd-price) {
	border-top: 3px solid var(--wp--preset--color--accent, #C9A227);
}

/* Lesson pages: strippenkaart-style CTA when heading mentions Strippenkaart and contains € nearby. */
body.page-trompetles .msd-page-main .msd-card:has(p.msd-price),
body.page-bugelles .msd-page-main .msd-card:has(p.msd-price) {
	border-top: 3px solid var(--wp--preset--color--accent, #C9A227);
}

/* Timeline sits under bio on page-over-mij; keep spacing tidy. */
.page-template-page-over-mij .msd-timeline,
body.page-over-mij .msd-timeline {
	margin-top: var(--wp--preset--spacing--40, 1.25rem);
}

@media (max-width: 781px) {
	.msd-page-main .msd-card p.msd-price,
	.msd-page-main p.msd-price {
		font-size: clamp(1.75rem, 6vw, 2.25rem) !important;
	}
}