.wcdp-material-actions,
.wcmw-material-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.wcdp-material-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 0;
	border-radius: 999px;
	padding: 10px 16px;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

.wcdp-material-action:hover,
.wcdp-material-action:focus {
	text-decoration: none;
	transform: translateY(-1px);
}

#wcdp-print-root {
	display: none;
}

@media print {
	/* Tryb kontrolowany przez wtyczkę: drukujemy tylko sztucznie przygotowany root. */
	html:has(body.wcdp-has-print-root),
	body.wcdp-has-print-root {
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	body.wcdp-has-print-root * {
		visibility: hidden !important;
	}

	body.wcdp-has-print-root > *:not(#wcdp-print-root) {
		display: none !important;
	}

	body.wcdp-has-print-root #wcdp-print-root,
	body.wcdp-has-print-root #wcdp-print-root * {
		visibility: visible !important;
	}

	body.wcdp-has-print-root #wcdp-print-root {
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		color: #111 !important;
		overflow: hidden !important;
	}

	.wcmw-no-print,
	.wcdp-material-actions,
	.wcmw-material-actions {
		display: none !important;
	}

	.wcdp-print-header {
		margin: 0 0 8mm;
		padding: 0 0 4mm;
		border-bottom: 1px solid #ddd;
		font-family: Arial, sans-serif;
	}

	.wcdp-print-header h1 {
		margin: 0 0 2mm;
		font-size: 18pt;
		line-height: 1.2;
		font-family: Arial, sans-serif;
	}

	.wcdp-print-url {
		font-size: 9pt;
		color: #555;
	}

	/* Kolorowanki/edukacja: jedna przygotowana plansza ma zmieścić się na jednej kartce A4.
	   Nie używamy 100vh, bo w Chrome/Firefox często dodaje pustą drugą stronę. */
	.wcdp-print-image-page {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 !important;
		page-break-inside: avoid !important;
		break-inside: avoid !important;
		page-break-after: auto !important;
		break-after: auto !important;
		overflow: hidden !important;
	}

	body.wcdp-orientation-portrait .wcdp-print-image-page {
		height: 260mm !important;
		max-height: 260mm !important;
	}

	body.wcdp-orientation-landscape .wcdp-print-image-page {
		height: 175mm !important;
		max-height: 175mm !important;
	}

	.wcdp-print-image-page + .wcdp-print-image-page {
		page-break-before: always !important;
		break-before: page !important;
	}

	.wcdp-print-image-page img {
		display: block !important;
		max-width: 100% !important;
		max-height: 100% !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
		box-shadow: none !important;
		border: 0 !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.wcdp-print-text {
		font-family: Arial, sans-serif;
		font-size: 12pt;
		line-height: 1.45;
	}

	.wcdp-print-text h1,
	.wcdp-print-text h2,
	.wcdp-print-text h3 {
		page-break-after: avoid;
	}

	.wcdp-print-piosenki .wcdp-print-text {
		font-size: 11pt;
		line-height: 1.35;
		column-gap: 12mm;
	}

	.wcdp-print-piosenki.wcdp-orientation-portrait .wcdp-print-text {
		columns: 2;
	}

	.wcdp-print-piosenki.wcdp-orientation-landscape .wcdp-print-text {
		columns: 3;
	}
}