/* Frontend Page print manager buttons. */
.page-print-manager-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0;
	/* Sensible defaults so the buttons look right when no Typography
	   settings are applied. The block's Typography controls override these
	   via the inline style on this wrapper, and the buttons inherit them. */
	font-weight: 600;
	line-height: 1.2;
}

.page-print-manager-btn {
	display: inline-block;
	padding: 12px 22px;
	border: 1px solid #1a1a1a;
	border-radius: 4px;
	background: #1a1a1a;
	color: #ffffff;
	/* Inherit all typography from the wrapper so the block's Typography
	   controls (font family, size, weight, style, transform, spacing,
	   decoration, line height) apply to the buttons on the frontend. */
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-transform: inherit;
	letter-spacing: inherit;
	text-decoration: inherit;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

/* Button size influences padding only; font size is controlled by the
   block's Typography settings (which cascade from the wrapper). */
.page-print-manager-buttons--small .page-print-manager-btn {
	padding: 6px 14px;
}

.page-print-manager-buttons--medium .page-print-manager-btn {
	padding: 12px 22px;
}

.page-print-manager-buttons--large .page-print-manager-btn {
	padding: 18px 32px;
}

/* Ghost button on hover / focus / active: transparent background, keep the
   button's own color as the text + border. !important is required to beat
   the inline background-color/border-color set by the custom color setting. */
.page-print-manager-btn:hover,
.page-print-manager-btn:focus,
.page-print-manager-btn:focus-visible,
.page-print-manager-btn:active {
	background-color: transparent !important;
	color: var(--ppm-btn-color, #1a1a1a) !important;
	border-color: var(--ppm-btn-color, #1a1a1a) !important;
	outline: none;
}

.page-print-manager-btn--with {
	background: #0a7d3c;
	border-color: #0a7d3c;
	--ppm-btn-color: #0a7d3c;
}

.page-print-manager-btn--without {
	background: #11518a;
	border-color: #11518a;
	--ppm-btn-color: #11518a;
}

@media print {
	.page-print-manager-buttons {
		display: none !important;
	}
}