/**
 * Property print document.
 *
 * Layered on top of mlsimport-property-sections.css inside the standalone print
 * page (?mlsimport_print=1). The section styles carry the look; these rules turn
 * the page into paper — flat white, no shadows/rounding, controlled page breaks,
 * and a masthead the on-page layout has no equivalent for.
 */

@page {
	margin: 14mm 12mm;
}

.mlsimport-print {
	margin: 0;
	padding: 24px;
	background: #fff;
	color: var(--mlsimport-ink, #222);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.6;
}

/* ── Masthead ─────────────────────────────────────────────────────────── */

.mlsimport-print__brand {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--mlsimport-hairline, #e6e6e6);
}

.mlsimport-print__logo {
	max-height: 54px;
	width: auto;
}

.mlsimport-print__site {
	font-size: 20px;
	font-weight: 600;
}

/* Headline text on the left, QR pinned to the right. */
.mlsimport-print__headline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	padding: 18px 0 22px;
}

.mlsimport-print__title {
	margin: 0 0 6px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 600;
}

.mlsimport-print__price {
	margin: 0 0 4px;
	font-size: 20px;
	font-weight: 600;
	color: var(--mlsimport-accent2, #b8763e);
}

.mlsimport-print__address {
	margin: 0;
	font-size: 14px;
}

.mlsimport-print__qr {
	flex: none;
	width: 110px;
	height: 110px;
}

/* ── Photos: every image, one per row ─────────────────────────────────── */

.mlsimport-print__photo {
	margin-bottom: 16px;
	/* Never split a photo across two sheets. */
	break-inside: avoid;
	page-break-inside: avoid;
}

.mlsimport-print__photo img {
	display: block;
	width: 100%;
	height: auto;
}

/* ── Sections ─────────────────────────────────────────────────────────── */

/* Flatten the on-screen card treatment: paper has no elevation. */
.mlsimport-print .mlsimport-property-section {
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	break-inside: avoid;
	page-break-inside: avoid;
}

/* Section headings read as the printed equivalent of a rule-and-label. */
.mlsimport-print .mlsimport-property-section__header {
	margin-bottom: 10px;
	padding: 8px 10px;
	background: #f2f2f2;
}

.mlsimport-print .mlsimport-property-section__title {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}

.mlsimport-print .mlsimport-property-section__body {
	padding: 0 2px;
}

/* The agent's "Send a message" mailto does nothing on paper. The phone button
   stays — printed, it still reads as the number to call. */
.mlsimport-print .mlsimport-property-agent__btn--outline {
	display: none;
}

/* Keep background tints and accent colours in the printout. */
.mlsimport-print * {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

/* ── Print-media hardening ────────────────────────────────────────────── */

@media print {
	.mlsimport-print {
		padding: 0;
	}

	/* Anything interactive that slipped through a filtered section list. */
	.mlsimport-print form,
	.mlsimport-print button,
	.mlsimport-print .mlsimport-property-lead-form,
	.mlsimport-print .mlsimport-property-calculator,
	.mlsimport-print .mlsimport-property-booking,
	.mlsimport-print .mlsimport-property-subnav,
	.mlsimport-print .mlsimport-property-title-bar__actions {
		display: none !important;
	}

	/* Links print as plain text; the QR carries the URL. */
	.mlsimport-print a {
		color: inherit;
		text-decoration: none;
	}
}