/*
 * The class is attached only to property-photo containers by watermark.js.
 * No image sizing, cropping or overflow rules are changed.
 */
.lsp-property-photo-watermark {
	position: relative !important;
	isolation: isolate;
}

.lsp-property-photo-watermark::after {
	content: "";
	position: absolute;
	left: clamp(14px, 4%, 36px);
	bottom: clamp(14px, 5%, 38px);
	width: clamp(112px, 20%, 210px);
	aspect-ratio: 3 / 1;
	background: url("logo-login.png") left bottom / contain no-repeat;
	opacity: 0.68;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.32));
	pointer-events: none;
	z-index: 4;
}

/* Sale pages already place the title and facts at the lower left. */
.lspfp-page:not(.lspfp-page--editorial-pilot)
	.lspfp-hero.lsp-property-photo-watermark::after {
	top: clamp(92px, 15%, 138px);
	bottom: auto;
}

.lsp-property-photo-watermark--card::after {
	left: clamp(10px, 4%, 18px);
	bottom: clamp(10px, 5%, 18px);
	width: clamp(88px, 28%, 148px);
	opacity: 0.64;
}

.lsp-property-photo-watermark--compact::after {
	left: 7px;
	bottom: 7px;
	width: clamp(45px, 42%, 88px);
	opacity: 0.58;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.28));
}

@media (max-width: 640px) {
	.lsp-property-photo-watermark::after {
		left: 14px;
		bottom: 14px;
		width: clamp(92px, 30%, 138px);
	}

	.lspfp-page:not(.lspfp-page--editorial-pilot)
		.lspfp-hero.lsp-property-photo-watermark::after {
		top: 82px;
		bottom: auto;
	}

	.lsp-property-photo-watermark--compact::after {
		left: 5px;
		bottom: 5px;
		width: clamp(40px, 44%, 68px);
	}
}

@media print {
	.lsp-property-photo-watermark::after {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}