/* H2M Express print styles: content only, dark-on-light, link targets shown. */

.h2m-skip-link,
.h2m-stripe,
.h2m-btn .h2m-icon,
[data-h2m-print="hide"],
header.wp-block-template-part,
footer.wp-block-template-part {
	display: none !important;
}

body {
	background: var(--otw-white);
	color: var(--otw-black);
}

.h2m-section,
.h2m-section.is-dark {
	padding-block: var(--space-6);
	background: none;
	color: var(--otw-black);
}

.is-dark :where(h1, h2, h3, h4, h5, h6),
.is-dark .h2m-section-heading__title {
	color: var(--otw-black);
}

main a[href^="http"]::after {
	content: " (" attr(href) ")";
	font-size: var(--text-small-size);
}

img {
	break-inside: avoid;
}

/*
 * Thank-you receipt (Task 11): print only the receipt card and its reference. The header, footer, WhatsApp float,
 * buttons and every section marked data-h2m-print="hide" (hero, steps, help panels) stay off the page.
 */

.h2m-whatsapp,
.h2m-receipt .h2m-btn,
.h2m-receipt [data-h2m-print="hide"] {
	display: none !important;
}

.h2m-receipt,
.h2m-receipt__body {
	padding: 0;
	background: none;
}

.h2m-receipt__layout {
	display: block;
	max-width: none;
	padding: 0;
}

.h2m-receipt__card {
	padding: 0;
	box-shadow: none;
	break-inside: avoid;
}

.h2m-receipt__card-ref {
	font-size: var(--text-body-size);
}

.h2m-receipt__card-ref strong {
	font-size: var(--text-lead-size);
}