/* Phone changes Angus approved on the Clarity sign-off page. See 06-work/visible-fixes-20261110/README.md. */
.sn-enquiry-bar,
.sn-popups-top,
.sn-show-map {
	display: none;
}

@media (max-width: 767px) {
	/* Listings: enquiry bar, on the page and over the photo gallery. Popups with a form cover it. */
	.sn-enquiry-bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1044;
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px));
		background: #fff;
		box-shadow: 0 -6px 24px rgba(0, 0, 0, .12);
	}

	.sn-enquiry-bar__price {
		font-size: 22px;
		font-weight: 700;
		color: #0f0f0f;
		white-space: nowrap;
	}

	.sn-enquiry-bar .button {
		flex: 1;
		width: auto;
		min-width: 0;
		margin: 0;
	}

	body:has(.mfp-inline-holder) .sn-enquiry-bar {
		display: none;
	}

	body.single-space {
		padding-bottom: 84px;
	}

	body.single-space #sn-assistant-root {
		bottom: 92px !important;
	}

	/* /pop-ups/: heading and search first, map behind a button. The map collapses rather than using display:none,
	   because syncMobileSearchMapLayout in script.js only moves the search form while the map is displayed. */
	body.term-pop-ups .sn-popups-top {
		display: block;
		padding: 20px 16px 8px;
		background: #fff;
	}

	body.term-pop-ups .sn-popups-top__title {
		margin: 0;
		font-size: 32px;
		line-height: 1.05;
		font-weight: 800;
		letter-spacing: -.02em;
		text-transform: uppercase;
		color: #0f0f0f;
	}

	body.term-pop-ups #search-result-found > .wrapper {
		display: flex !important;
		flex-direction: column !important;
		height: auto !important;
		padding-top: 0 !important;
	}

	body.term-pop-ups #search-result-found > .wrapper > .section-search-form {
		order: 1;
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		margin: 0 !important;
		transform: none !important;
	}

	body.term-pop-ups .sn-show-map {
		order: 2;
		display: block;
		box-sizing: border-box;
		width: calc(100% - 32px);
		min-width: 0;
		margin: 12px 16px 4px;
		text-align: center;
	}

	body.term-pop-ups #search-result-found > .wrapper > #search-map {
		order: 3;
		height: 0 !important;
		min-height: 0 !important;
		overflow: hidden;
		visibility: hidden;
	}

	body.term-pop-ups.sn-map-open #search-result-found > .wrapper > #search-map {
		height: 335px !important;
		margin-top: 12px;
		visibility: visible;
	}

	body.term-pop-ups #search-result-found > .wrapper > .column:not(#search-map) {
		order: 4;
	}
}
