/*
 * Melius Pro – print-stylesheet (media="print", plan §4.2 "Print").
 * Alle pagina's: geen header, menu's, formulier, video, knoppen en footer; logo bovenaan.
 * Productpagina: alleen logo, H1 (#product-titel) en de specificatietabel (mp/specificaties, met
 * "Wijzigingen voorbehouden." en de afdrukdatum in een element met .mp-alleen-print).
 */

@page {
	margin: 16mm 14mm;
}

html,
body {
	background: #fff !important;
	color: #000 !important;
}

body {
	font-size: 11pt;
	line-height: 1.45;
}

/* Logo (thema-SVG) bovenaan elke afdruk. */
body::before {
	content: "";
	display: block;
	width: 45mm;
	height: 20mm;
	margin-bottom: 8mm;
	background: url("../img/logo-melius-pro.svg") left top / contain no-repeat;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

*,
*::before,
*::after {
	box-shadow: none !important;
	text-shadow: none !important;
}

/* Niet afdrukken. */
.mp-kop,
.mp-voet,
.wp-block-mp-header,
.wp-block-mp-footer,
.mp-skiplink,
nav,
form,
video,
button,
.mp-knop,
.is-knoppen,
.wp-block-buttons,
.wp-block-mp-herovideo,
.wp-block-mp-productgalerij,
.wp-block-mp-contactformulier,
.wp-block-mp-inhoudsopgave,
.mp-kruimelbalk {
	display: none !important;
}

.mp-alleen-print {
	display: block !important;
}

/* Donkere en gekleurde vlakken als gewone tekst op wit. */
.is-dark,
.mp-paginakop,
.mp-kruimelbalk {
	background: none !important;
	color: #000 !important;
}

.is-dark :is(h1, h2, h3, h4, h5, h6, p, li, a, dt, dd) {
	color: #000 !important;
}

/* Geen sticky of scrollende vlakken op papier. */
.mp-tweekoloms {
	display: block !important;
	padding: 0 !important;
}

.mp-tweekoloms > *,
.is-scroll,
.wp-block-table {
	position: static !important;
	max-height: none !important;
	overflow: visible !important;
}

.mp-paginakop__binnen,
.mp-kennisinhoud,
.mp-pagina-inhoud {
	padding: 0 !important;
}

h1,
h2,
h3,
h4 {
	break-after: avoid;
	page-break-after: avoid;
}

tr,
img,
figure,
blockquote,
.wp-block-details {
	break-inside: avoid;
	page-break-inside: avoid;
}

/* Externe links in artikel- en juridische tekst: adres erachter. */
.mp-tekst a[href^="http"]:not([href*="meliuspro.com"])::after {
	content: " (" attr(href) ")";
	font-size: 9pt;
	word-break: break-all;
}

/* ------------------------------------------------------------------ */
/* Productpagina: alleen H1 en specificatietabel                       */
/* ------------------------------------------------------------------ */

.mp-main--product .wp-block-post-content :not(:has(#product-titel, .wp-block-mp-specificaties, .mp-alleen-print)):not(#product-titel, #product-titel *, .wp-block-mp-specificaties, .wp-block-mp-specificaties *, .mp-alleen-print, .mp-alleen-print *) {
	display: none !important;
}

.mp-main--product .wp-block-post-content :has(#product-titel, .wp-block-mp-specificaties, .mp-alleen-print) {
	display: block !important;
	min-height: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.mp-main--product #product-titel {
	margin: 0 0 8mm !important;
	font-size: 26pt !important;
	line-height: 1.1 !important;
	color: #000 !important;
}

.mp-main--product .wp-block-mp-specificaties {
	color: #000 !important;
}

.mp-main--product .wp-block-mp-specificaties :is(table, th, td, caption) {
	background: none !important;
	color: #000 !important;
}

.mp-main--product .wp-block-mp-specificaties :is(th, td) {
	border-bottom: 0.5pt solid #999 !important;
}

/* Alles zwart op papier, ook "CL 3.0" in de H1 en de regel "Wijzigingen voorbehouden". */
.mp-main--product #product-titel,
.mp-main--product #product-titel *,
.mp-main--product .mp-specificaties__voorbehoud,
.mp-main--product .mp-alleen-print {
	color: #000 !important;
}