/* ============================================================
 * WLSM Custom ID Card (template-based) Print Styles
 * Extracted from id_cards_custom.php
 * Page orientation is set server-side via data-css on the button
 * ============================================================ */

.wlsm-container,
.wlsm-print-id-cards-container {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* CR80 card wrapper — physical dimensions set inline per-card */
.wlsm-id-card-wrapper {
	position: relative;
	margin: 5px;
	display: inline-block;
	vertical-align: top;
	page-break-inside: avoid;
	overflow: hidden;
	border: 1px solid #000;
	box-sizing: border-box;
}

/* Scaled inner card canvas — dimensions & transform set inline (PHP runtime values) */
.wlsm-custom-id-card {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	transform-origin: top left;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	border: none;
	margin: 0;
}

/* Absolutely-positioned template fields */
.wlsm-custom-field {
	position: absolute;
	line-height: 1.2;
}

.wlsm-custom-field img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ── Print overrides ─────────────────────────────────────── */
@media print {
	body,
	html {
		margin: 0 !important;
		padding: 0 !important;
	}

	.wlsm-container,
	.wlsm-print-id-cards-container {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}