/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ********* 2026-04-13 ********* */
:root {
	--sqre-border: #d7deea;
	--sqre-text: #1f2937;
	--sqre-muted: #667085;
	--sqre-brand: #de6516;
	--sqre-brand-dark: #bb5311;
	--sqre-soft: #f6f8fb;
	--sqre-surface: #ffffff;
	--sqre-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}
.sqre-property-map-shortcode {
	--sqre-border: #d7deea;
	--sqre-text: #1f2937;
	--sqre-muted: #667085;
	--sqre-brand: #de6516;
	--sqre-brand-dark: #bb5311;
	--sqre-soft: #f6f8fb;
	--sqre-surface: #ffffff;
	--sqre-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
	color: var(--sqre-text);
	/* Full-bleed: break out of Elementor container.
	   margin-left approach avoids transform, which would create a stacking
	   context and break position:fixed on all child modals (All Filters,
	   Units modal) — especially on iOS Safari. */
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.sqre-property-map-shortcode * {
	box-sizing: border-box;
}

.sqre-property-toolbar {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
	flex-wrap: wrap;
	position: relative;
	z-index: 100;
	/* Toolbar has side padding since it's inside the full-bleed container */
	padding-left: 20px;
	padding-right: 20px;
}

.sqre-property-toolbar__heading h2 {
	margin: 0 0 6px;
	font-size: clamp(1.7rem, 2.4vw, 2.5rem);
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.sqre-property-toolbar__heading p {
	margin: 0;
	color: var(--sqre-muted);
	font-size: 0.98rem;
}

.sqre-property-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

/* ── Unified filter control baseline — all pills identical font/size/height ── */
.sqre-filter-dropdown__toggle,
.sqre-filter-toggle-btn,
.sqre-filter-all-btn,
.sqre-property-reset {
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	min-height: 40px !important;
	line-height: 1 !important;
}

/* Dropdown label span should not add extra weight on top of the button */
.sqre-filter-dropdown__label {
	font-weight: inherit !important;
}

.sqre-filter-dropdown {
	flex-shrink: 0;
}

.sqre-property-filters label,
.sqre-property-filters button {
	margin: 0;
}

.sqre-property-filters select,
.sqre-property-filters button {
	min-height: 46px;
	border-radius: 999px;
	border: 1px solid var(--sqre-border);
	background: var(--sqre-surface);
	padding: 0 18px;
	font-size: 0.95rem;
	color: var(--sqre-text);
	box-shadow: none;
}

.sqre-property-filters select {
	min-width: 138px;
}

.sqre-property-filters select:focus,
.sqre-property-filters button:focus,
.sqre-property-card:focus {
	outline: 2px solid rgba(222, 101, 22, 0.22);
	outline-offset: 2px;
}

.sqre-filter-dropdown {
	position: relative;
}

.sqre-filter-dropdown__toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	border-radius: 999px;
	border: 1.5px solid #5c7a96 !important;
	background: #d8e4f0 !important;
	padding: 0 16px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #1c3347 !important;
	box-shadow: none;
	cursor: pointer;
	transition: border-color 0.15s, box-shadow 0.15s, background 0.15s, color 0.15s;
}

.sqre-filter-dropdown__toggle:hover {
	border-color: var(--sqre-brand) !important;
	background: #c0d3e8 !important;
	box-shadow: 0 3px 10px rgba(222, 101, 22, 0.22) !important;
	color: var(--sqre-brand) !important;
}

.sqre-filter-dropdown__label {
	font-weight: 500;
}

.sqre-filter-dropdown__value {
	color: var(--sqre-muted);
}

.sqre-filter-dropdown__caret {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	vertical-align: middle !important;
	width: 16px;
	height: 16px;
	color: #1c3347 !important;
	transition: transform 0.2s ease, color 0.15s;
	line-height: 0 !important;
}

.sqre-filter-dropdown__caret svg {
	width: 16px;
	height: 16px;
}

.sqre-filter-dropdown__toggle:hover .sqre-filter-dropdown__caret {
	color: var(--sqre-brand) !important;
}

.sqre-filter-dropdown.is-open .sqre-filter-dropdown__toggle {
	border-color: var(--sqre-brand) !important;
	background: #c0d3e8 !important;
	color: var(--sqre-brand) !important;
	box-shadow: 0 0 0 2px rgba(222, 101, 22, 0.28) !important;
}

.sqre-filter-dropdown.is-open .sqre-filter-dropdown__caret {
	transform: rotate(180deg);
	color: var(--sqre-brand) !important;
}

.sqre-filter-dropdown__panel {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 50;
	width: min(460px, calc(100vw - 32px));
	padding: 22px 22px 16px;
	border: 1px solid #dfe6ef;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 22px 44px rgba(15, 23, 42, 0.16);
}

.sqre-filter-group + .sqre-filter-group {
	margin-top: 22px;
}

.sqre-filter-group__title-wrap {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 10px;
}

.sqre-filter-group__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: #111827;
}

.sqre-filter-group__subtitle {
	font-size: 0.92rem;
	color: #6b7280;
}

.sqre-filter-chip-row {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	border: 1px solid #d9e1ea;
	border-radius: 3px;
	overflow: hidden;
}

.sqre-filter-chip-row[data-filter-chip-row="baths_min"] {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sqre-filter-chip {
	min-height: 40px;
	padding: 0 10px;
	border: 0;
	border-right: 1px solid #d9e1ea;
	background: #fff;
	color: #1f2937;
	font-size: 0.98rem;
	font-weight: 500;
	cursor: pointer;
}

.sqre-filter-chip:last-child {
	border-right: 0;
}

.sqre-filter-chip.is-active {
	background: #5f990d;
	color: #fff;
}

.sqre-filter-dropdown__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 18px;
}

.sqre-filter-dropdown__clear,
.sqre-filter-dropdown__done {
	border: 0;
	background: transparent;
	padding: 0;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	color: #1d86d6;
}

.sqre-property-reset {
	background: #d8e4f0 !important;
	border: 1.5px solid #5c7a96 !important;
	color: #1c3347 !important;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}

.sqre-property-reset:hover {
	border-color: var(--sqre-brand) !important;
	background: #c0d3e8 !important;
	box-shadow: 0 3px 10px rgba(222, 101, 22, 0.22) !important;
	color: var(--sqre-brand) !important;
}

.sqre-property-layout {
	display: grid;
	grid-template-columns: minmax(280px, 2fr) minmax(360px, 3fr);
	gap: 0;
	align-items: start;
	overflow: hidden;
}

.sqre-property-map-panel {
	position: sticky;
	top: 80px;
	height: calc(100vh - 80px);
	border-left: 1px solid var(--sqre-border);
}

.sqre-property-map {
	position: relative;
	border: none;
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
	background: #ddeef1;
}

/* Hide the Google Maps canvas until tiles are fully loaded.
   opacity:0 keeps layout/dimensions so Google Maps can render silently
   in the background — the panel background colour shows instead.
   JS adds .is-map-ready on 'tilesloaded' → canvas fades in cleanly. */
.sqre-property-map {
	opacity: 0;
	transition: opacity 0.4s ease;
}
.sqre-property-map.is-map-ready {
	opacity: 1;
}

.sqre-property-list-panel {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	/* Thin clean scrollbar like apartments.com */
	scrollbar-width: thin;
	scrollbar-color: #d0d5dd transparent;
}
.sqre-property-list-panel::-webkit-scrollbar { width: 5px; }
.sqre-property-list-panel::-webkit-scrollbar-track { background: transparent; }
.sqre-property-list-panel::-webkit-scrollbar-thumb { background: #d0d5dd; border-radius: 99px; }

.sqre-property-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-bottom: 40px;
}

/* ********* 2026-04-14 ********* */
.sqre-property-card {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 20px;
	padding: 0 0 22px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #e7edf5;
	border-radius: 0;
	box-shadow: none;
	transition: transform 0.2s ease;
}

.sqre-property-card:hover,
.sqre-property-card.is-active {
	transform: translateX(2px);
}

.sqre-property-card__media {
	position: relative;
	display: block;
	height: 260px;
	min-height: 260px;
	overflow: hidden;
	border-radius: 8px;
}

/* Card image slider */
.sqre-card-slider {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: inherit;
	overflow: hidden;
}

.sqre-card-slider__track {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform 0.35s ease;
}

.sqre-card-slider__slide {
	flex: 0 0 100%;
	width: 100%;
	min-height: inherit;
}

.sqre-card-slider__slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.sqre-card-slider__slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sqre-card-slider__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	border: none;
	background: rgba(25, 40, 61, 0.52);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	backdrop-filter: blur(4px);
	transition: background 0.15s, transform 0.15s;
	padding: 0;
}

.sqre-card-slider__btn:hover {
	background: rgba(25, 40, 61, 0.82);
}

.sqre-card-slider__btn svg {
	width: 14px;
	height: 14px;
}

.sqre-card-slider__btn--prev { left: 8px; }
.sqre-card-slider__btn--next { right: 8px; }

.sqre-card-slider__counter {
	position: absolute;
	bottom: 7px;
	right: 9px;
	background: rgba(15, 23, 42, 0.6);
	color: #fff;
	border-radius: 999px;
	padding: 2px 8px;
	font-size: 0.72rem;
	font-weight: 600;
	pointer-events: none;
	display: none;
}

.sqre-property-card__media img,
.sqre-map-popup__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sqre-property-card__media-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 220px;
	background: linear-gradient(135deg, #dce6f0, #f5f7fa);
}

.sqre-property-card__flag {
	position: absolute;
	top: 10px;
	left: 10px;
	background: rgba(31, 41, 55, 0.92);
	color: #fff;
	border-radius: 999px;
	padding: 6px 10px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* Available Now — green */
.sqre-property-card__flag--available-now {
	background: rgba(21, 128, 61, 0.92);
	color: #fff;
}

/* Available Now|For Rent — teal */
.sqre-property-card__flag--available-nowfor-rent,
.sqre-property-card__flag--available-now-for-rent {
	background: rgba(14, 116, 144, 0.92);
	color: #fff;
}

/* For Rent — blue */
.sqre-property-card__flag--for-rent {
	background: rgba(29, 78, 216, 0.92);
	color: #fff;
}

/* Pending — amber */
.sqre-property-card__flag--pending {
	background: rgba(180, 83, 9, 0.92);
	color: #fff;
}

/* Rented — red */
.sqre-property-card__flag--rented {
	background: rgba(185, 28, 28, 0.92);
	color: #fff;
}


.sqre-property-card__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding-top: 6px;
}

.sqre-property-card__header {
	display: flex;
	gap: 18px;
	justify-content: space-between;
	align-items: flex-start;
}

.sqre-property-card__title {
	margin: 0;
	font-size: clamp(1.15rem, 1.7vw, 1.55rem);
	line-height: 1.18;
	font-weight: 600;
	max-width: 440px;
}

.sqre-property-card__title a {
	color: #1F1F1F;
	text-decoration: none;
}

.sqre-property-card__address {
	color: #5a6e84;
	font-size: 1rem;
	line-height: 1.45;
}

.sqre-property-card__price {
	flex-shrink: 0;
	font-size: 1.02rem;
	font-weight: 700;
	color: #1F1F1F;
	text-align: right;
	padding-top: 4px;
	white-space: nowrap;
}

.sqre-property-card__details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, max-content));
	column-gap: 26px;
	row-gap: 10px;
	align-items: start;
}

.sqre-property-card__detail {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #334e68;
	font-size: 0.98rem;
	line-height: 1.4;
}

.sqre-property-card__detail-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: var(--sqre-brand);
	flex-shrink: 0;
}

.sqre-property-card__detail-icon svg {
	width: 18px;
	height: 18px;
}

.sqre-property-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: auto;
}

.sqre-property-card__type {
	color: #8ca0b5;
	font-size: 0.9rem;
	font-weight: 500;
}

.sqre-property-card__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}

.sqre-property-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 48px;
	min-width: 160px;
	padding: 0 24px;
	border-radius: 12px;
	background: #de6516 !important;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease;
	box-sizing: border-box;
}

.sqre-property-card__button:hover {
	background: #bb5311 !important;
	color: #fff !important;
}

.sqre-property-card__button--tour {
	background: transparent;
	color: var(--sqre-brand);
	border: 2px solid var(--sqre-brand);
	margin-top: 6px;
}

.sqre-property-card__button--tour:hover {
	background: var(--sqre-brand);
	color: #fff;
}

/* ── Urgency text on availability ── */
.sqre-property-card__urgency {
	color: #c0392b;
	font-weight: 600;
	font-size: 0.78rem;
}

/* ── Page subtitle ── */
.sqre-property-subtitle {
	margin: 4px 0 8px;
	font-size: 0.92rem;
	color: #4b5563;
	font-weight: 400;
	max-width: 1160px;
	line-height: 1.5;
}

/* ── Trust Badges strip ── */
.sqre-trust-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	padding: 14px 20px;
	margin-bottom: 14px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
}

.sqre-trust-badges__item {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 0.88rem;
	font-weight: 600;
	color: #1f2937;
}

.sqre-trust-badges__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: #5f990d;
}

/* ── Map hover address label ── */
.sqre-map-hover-label {
	font-size: 0.82rem;
	font-weight: 500;
	color: #1f2937;
	padding: 2px 0;
	white-space: nowrap;
}

.sqre-property-empty {
	padding: 24px;
	text-align: center;
	border-radius: 20px;
	border: 1px dashed var(--sqre-border);
	background: var(--sqre-soft);
	color: var(--sqre-muted);
}

.sqre-property-map-shortcode.is-loading .sqre-property-list {
	opacity: 0.5;
	pointer-events: none;
}

/* ********* 2026-04-14 ********* */
.sqre-map-marker {
	all: unset;
	position: absolute;
	transform: translate(-50%, -100%);
	display: block;
	width: 36px;
	height: 46px;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	min-width: 0;
	min-height: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: transparent;
	font-size: 0;
	line-height: 0;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 36px 46px !important;
	box-shadow: none !important;
	filter: none !important;
	outline: none !important;
	transition: transform 0.18s ease;
}

.sqre-map-marker__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 46px;
}

.sqre-map-marker__icon svg {
	display: block;
	width: 36px;
	height: 46px;
	overflow: visible;
}

.sqre-map-marker::before,
.sqre-map-marker::after {
	content: none !important;
	display: none !important;
}

.sqre-map-marker__badge,
.sqre-map-marker__price,
.sqre-map-marker__icon,
.sqre-map-marker svg,
.sqre-map-marker span {
	display: none !important;
}

.sqre-map-marker.is-active,
.sqre-map-marker:hover {
	transform: translate(-50%, -100%) scale(1.25);
	filter: hue-rotate(165deg) saturate(1.35) brightness(0.95) !important;
	z-index: 1000 !important;
}

/* Strip Google Maps InfoWindow decoration so our popup looks like a clean card */
.gm-style .gm-style-iw-c {
	padding: 0 !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.18) !important;
	border-radius: 10px !important;
}
.gm-style .gm-style-iw-d {
	overflow: hidden !important;
	border-radius: 10px !important;
	max-height: 420px !important;
}
/* Hide InfoWindow close button chrome via CSS — no JS domready needed */
.gm-style-iw-chr,
.gm-ui-hover-effect,
.gm-style-iw-tc { display: none !important; }

.sqre-map-popup {
	width: 270px;
	max-width: 270px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* ── Popup slider wrapper ── */
.sqre-map-popup__slider-wrap {
	width: 100%;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	background: #e8ecf0;
}

.sqre-popup-slider {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.sqre-popup-slider__track {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.sqre-popup-slider__slide {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
}

.sqre-popup-slider__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Prev / Next buttons */
.sqre-popup-slider__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.92);
	color: #1f2937;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.22);
	padding: 0;
	transition: background 0.15s, transform 0.15s;
}

.sqre-popup-slider__btn:hover {
	background: #fff;
	transform: translateY(-50%) scale(1.08);
}

.sqre-popup-slider__btn--prev { left: 7px; }
.sqre-popup-slider__btn--next { right: 7px; }

/* Image counter badge */
.sqre-popup-slider__counter {
	position: absolute;
	bottom: 7px;
	right: 8px;
	z-index: 3;
	background: rgba(0, 0, 0, 0.52);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	padding: 2px 7px;
	border-radius: 999px;
	pointer-events: none;
	letter-spacing: 0.03em;
}

/* Dot indicators */
.sqre-popup-slider__dots {
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	display: flex;
	gap: 4px;
	align-items: center;
}

.sqre-popup-slider__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.55);
	padding: 0;
	cursor: pointer;
	transition: background 0.18s, transform 0.18s;
}

.sqre-popup-slider__dot.is-active {
	background: #fff;
	transform: scale(1.25);
}

.sqre-map-popup__body {
	padding: 10px 12px 16px;
	min-width: 0;
}

.sqre-map-popup__title {
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.sqre-map-popup__title a {
	color: var(--sqre-text);
	text-decoration: none;
}

.sqre-map-popup__type,
.sqre-map-popup__address {
	color: var(--sqre-muted);
	font-size: 13px;
	line-height: 1.4;
}

.sqre-map-popup__price {
	margin-top: 8px;
	color: var(--sqre-brand);
	font-size: 14px;
	font-weight: 700;
}

@media (max-width: 1024px) {
	.sqre-property-layout {
		grid-template-columns: 1fr;
	}

	.sqre-property-map-panel {
		position: static;
	}

	.sqre-property-list-panel {
		height: auto;
		max-height: none;
		overflow: visible;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	/* On mobile the PAGE scrolls — the layout container must not clip content.
	   The global overflow:hidden is for the desktop side-by-side split view only. */
	.sqre-property-layout {
		overflow: visible !important;
		height: auto !important;
	}
	/* List panel scrolls with the page, not internally */
	.sqre-property-list-panel {
		height: auto !important;
		overflow-y: visible !important;
		overflow-x: visible !important;
	}

	.sqre-property-card {
		grid-template-columns: 1fr;
		padding-bottom: 18px;
	}

	.sqre-property-card__header {
		flex-direction: column;
	}

	.sqre-property-card__price {
		text-align: left;
	}

	.sqre-property-card__details {
		grid-template-columns: 1fr;
	}

	.sqre-property-card__footer {
		flex-direction: column;
		align-items: flex-start;
	}

	.sqre-property-card__button {
		min-width: 100%;
	}

	.sqre-property-filters {
		width: 100%;
	}

	.sqre-property-filters label,
	.sqre-property-filters select,
	.sqre-property-filters button {
		width: 100%;
	}

	/* Reset button must NOT be full-width — override the rule above */
	.sqre-property-filters button.sqre-property-reset {
		width: auto;
	}

	.sqre-filter-dropdown,
	.sqre-filter-dropdown__toggle {
		width: 100%;
	}

	.sqre-filter-dropdown__panel {
		width: 100%;
	}

	.sqre-filter-chip-row,
	.sqre-filter-chip-row[data-filter-chip-row="baths_min"] {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sqre-map-popup {
		grid-template-columns: 1fr;
	}
}

/* ********* 2026-04-20 – new filter bar & modal ********* */

/* ── Filter bar layout ── */
.sqre-property-filters {
	flex-wrap: wrap;
	row-gap: 8px;
}

.sqre-filter-sort-wrap {
	margin-left: auto;
}

.sqre-filter-sort-select {
	min-height: 46px;
	border-radius: 999px;
	border: 1px solid var(--sqre-border);
	background: var(--sqre-surface);
	padding: 0 18px;
	font-size: 0.95rem;
	color: var(--sqre-text);
	cursor: pointer;
}

.sqre-filter-sort-select:focus {
	outline: 2px solid rgba(222,101,22,0.22);
	outline-offset: 2px;
}

/* ── All Filters button ── */
.sqre-filter-all-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 40px;
	border-radius: 999px;
	border: 1.5px solid #5c7a96 !important;
	background: #d8e4f0 !important;
	padding: 0 16px;
	font-size: 0.9rem;
	color: #1c3347 !important;
	cursor: pointer;
	font-weight: 500;
	position: relative;
	transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}

.sqre-filter-all-btn:hover {
	border-color: var(--sqre-brand) !important;
	background: #c0d3e8 !important;
	box-shadow: 0 3px 10px rgba(222, 101, 22, 0.22) !important;
	color: var(--sqre-brand) !important;
}

.sqre-filter-all-btn__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	border-radius: 999px;
	background: #5f990d;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 0 4px;
}

/* ── Toggle filter buttons (Short-Term Rentals, Available Now) ── */
.sqre-filter-toggle-btn {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	border-radius: 999px;
	border: 1.5px solid #5c7a96 !important;
	background: #d8e4f0 !important;
	padding: 0 16px;
	font-size: 0.9rem;
	color: #1c3347 !important;
	cursor: pointer;
	font-weight: 500;
	white-space: nowrap;
	transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}

.sqre-filter-toggle-btn:hover {
	border-color: var(--sqre-brand) !important;
	background: #c0d3e8 !important;
	box-shadow: 0 3px 10px rgba(222, 101, 22, 0.22) !important;
	color: var(--sqre-brand) !important;
}

.sqre-filter-toggle-btn.is-active {
	background: var(--sqre-brand) !important;
	border-color: var(--sqre-brand) !important;
	color: #fff !important;
	box-shadow: 0 2px 10px rgba(222, 101, 22, 0.28) !important;
}

/* ── Price panel ── */
.sqre-price-panel {
	min-width: 320px;
}

.sqre-price-inputs {
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

.sqre-price-label {
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1;
	font-size: 0.85rem;
	color: var(--sqre-muted);
}

.sqre-price-input {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--sqre-border);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--sqre-text);
	background: #fff;
}

.sqre-price-input:focus {
	outline: 2px solid rgba(107,164,28,0.25);
	border-color: #6ba41c;
}

.sqre-price-sep {
	color: var(--sqre-muted);
	padding-bottom: 10px;
	flex-shrink: 0;
}

/* ── Home Type panel ── */
.sqre-home-type-panel {
	min-width: 300px;
}

.sqre-type-chip-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

.sqre-type-chip {
	min-height: 40px;
	padding: 8px 14px;
	border: 1px solid var(--sqre-border);
	border-radius: 8px;
	background: #fff;
	color: var(--sqre-text);
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	text-align: left;
	transition: border-color 0.15s, background 0.15s;
}

.sqre-type-chip:hover {
	border-color: #6ba41c;
	background: #f5fae8;
}

.sqre-type-chip.is-active {
	border-color: #5f990d;
	background: #5f990d;
	color: #fff;
}

/* ── All Filters Modal ── */
.sqre-all-filters-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sqre-all-filters-modal[hidden] {
	display: none;
}

.sqre-all-filters-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.5);
}

.sqre-all-filters-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(580px, calc(100vw - 32px));
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 30px 60px rgba(15, 23, 42, 0.22);
	overflow: hidden;
}

.sqre-all-filters-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 22px;
	border-bottom: 1px solid #e7edf5;
	flex-shrink: 0;
}

.sqre-all-filters-modal__title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: #111827;
}

.sqre-all-filters-modal__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	border: 1px solid var(--sqre-border);
	background: transparent;
	color: var(--sqre-text);
	cursor: pointer;
	padding: 0;
}

.sqre-all-filters-modal__close:hover {
	background: #f3f4f6;
}

.sqre-all-filters-modal__body {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; /* iOS smooth scroll inside modal */
	overscroll-behavior-y: contain;    /* prevent scroll bleeding to background */
	flex: 1;
	padding: 0 22px 16px;
}

.sqre-all-filters-modal__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 22px;
	border-top: 1px solid #e7edf5;
	flex-shrink: 0;
	gap: 12px;
}

/* ── Modal sections ── */
.sqre-modal-section {
	padding: 20px 0;
	border-bottom: 1px solid #e7edf5;
}

.sqre-modal-section:last-child {
	border-bottom: 0;
}

.sqre-modal-section__title {
	margin: 0 0 12px;
	font-size: 1rem;
	font-weight: 700;
	color: #111827;
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.sqre-modal-section__hint {
	font-size: 0.82rem;
	font-weight: 400;
	color: var(--sqre-muted);
}

/* Modal price row */
.sqre-modal-price-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sqre-modal-price-input {
	flex: 1;
	height: 46px;
	padding: 0 14px;
	border: 1px solid var(--sqre-border);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--sqre-text);
	background: #fff;
}

.sqre-modal-price-input:focus {
	outline: 2px solid rgba(107,164,28,0.25);
	border-color: #6ba41c;
}

.sqre-modal-dash {
	color: var(--sqre-muted);
	flex-shrink: 0;
}

/* Home Type grid in modal */
.sqre-modal-type-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 8px;
}

.sqre-modal-type-tile {
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid var(--sqre-border);
	border-radius: 10px;
	background: #fff;
	color: var(--sqre-text);
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	transition: border-color 0.15s, background 0.15s;
}

.sqre-modal-type-tile:hover {
	border-color: #6ba41c;
	background: #f5fae8;
}

.sqre-modal-type-tile.is-active {
	border-color: #5f990d;
	background: #5f990d;
	color: #fff;
}

/* Amenity grid */
.sqre-amenity-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 8px;
}

.sqre-amenity-chip {
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid var(--sqre-border);
	border-radius: 8px;
	background: #fff;
	color: var(--sqre-text);
	font-size: 0.875rem;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	transition: border-color 0.15s, background 0.15s;
}

.sqre-amenity-chip:hover {
	border-color: #6ba41c;
	background: #f5fae8;
}

.sqre-amenity-chip.is-active {
	border-color: #5f990d;
	background: #5f990d;
	color: #fff;
}

/* Specialty Housing subgroups */
.sqre-specialty-subgroup {
	margin-bottom: 16px;
}

.sqre-specialty-subgroup:last-child {
	margin-bottom: 0;
}

.sqre-specialty-subgroup__label {
	display: block;
	margin-bottom: 8px;
	font-size: 0.82rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #6b7280;
}

/* Sq Ft row (kept for backwards compat) */
.sqre-sqft-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sqre-sqft-select-wrap {
	flex: 1;
	position: relative;
}

.sqre-sqft-select {
	width: 100%;
	height: 46px;
	padding: 0 14px;
	border: 1px solid var(--sqre-border);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--sqre-text);
	background: #fff;
	cursor: pointer;
	appearance: none;
}

.sqre-sqft-select:focus {
	outline: 2px solid rgba(107,164,28,0.25);
	border-color: #6ba41c;
}

/* Availability Date / Move-In Date dropdown — opens left so it doesn't overflow screen */
.sqre-filter-dropdown--move-in-date .sqre-filter-dropdown__panel {
	left: auto;
	right: 0;
	width: 280px;
	padding: 16px;
}

.sqre-date-input {
	width: 100%;
	max-width: 260px;
	height: 46px;
	padding: 0 14px;
	border: 1px solid var(--sqre-border);
	border-radius: 8px;
	font-size: 0.95rem;
	color: var(--sqre-text);
	background: #fff;
}

.sqre-date-input:focus {
	outline: 2px solid rgba(107,164,28,0.25);
	border-color: #6ba41c;
}

/* Rating */
.sqre-rating-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.sqre-rating-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 100px;
	min-height: 56px;
	padding: 10px 14px;
	border: 1px solid var(--sqre-border);
	border-radius: 10px;
	background: #fff;
	color: var(--sqre-text);
	font-size: 0.85rem;
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s;
}

.sqre-rating-tile:hover {
	border-color: #6ba41c;
	background: #f5fae8;
}

.sqre-rating-tile.is-active {
	border-color: #5f990d;
	background: #5f990d;
	color: #fff;
}

.sqre-stars {
	font-size: 1rem;
	letter-spacing: 1px;
}

/* Show Only checkbox */
.sqre-modal-check-row {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 0.95rem;
	color: var(--sqre-text);
}

.sqre-modal-checkbox {
	width: 18px;
	height: 18px;
	cursor: pointer;
	accent-color: #5f990d;
}

/* Modal footer buttons */
.sqre-modal-clear-all {
	background: transparent;
	border: 0;
	padding: 0;
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--sqre-muted);
	cursor: pointer;
	text-decoration: underline;
}

.sqre-modal-clear-all:hover {
	color: var(--sqre-text);
}

.sqre-modal-see-results {
	min-height: 48px;
	padding: 0 28px;
	border-radius: 12px;
	border: 0;
	background: #5f990d;
	color: #fff;
	font-size: 0.98rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}

.sqre-modal-see-results:hover {
	background: #4e7e0a;
}

/* Prevent body scroll when modal open */
body.sqre-modal-open {
	overflow: hidden;
	/* iOS Safari: prevent body scroll from bleeding through the modal */
	overscroll-behavior: none;
}

/* Reset button tweak */
.sqre-property-reset {
	background: #d8e4f0 !important;
	border: 1.5px solid #5c7a96 !important;
	color: #1c3347 !important;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 500;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 999px;
}

/* ── Responsive tweaks for new elements ── */
@media (max-width: 767px) {
	.sqre-filter-sort-wrap {
		margin-left: 0;
		width: 100%;
	}

	.sqre-filter-sort-select {
		width: 100%;
	}

	.sqre-filter-all-btn {
		width: 100%;
		justify-content: center;
	}

	.sqre-modal-type-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.sqre-amenity-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Full-screen modal on mobile — covers entire viewport, nothing clipped */
	.sqre-all-filters-modal {
		align-items: stretch;
	}

	/* Dialog fills the fixed-inset-0 modal container without using its own
	   position:fixed, which conflicts with parent stacking context on iOS Safari */
	.sqre-all-filters-modal__dialog {
		position: relative;
		width: 100%;
		flex: 1 1 auto;
		max-height: none;
		border-radius: 0;
	}

	.sqre-all-filters-modal__body {
		flex: 1;
		min-height: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.sqre-all-filters-modal__footer {
		padding-bottom: max(16px, env(safe-area-inset-bottom));
	}

	/* Map panel: hidden by default on mobile — JS activates it */
	.sqre-property-map-panel {
		display: none !important;
	}

	/* ── Mobile map-active state ─────────────────────────────────────────
	   The map panel is moved to document.body by JS (same as the filter
	   and units modals) to escape Elementor transform stacking contexts.
	   Targeting body.sqre-mobile-map-page ensures the rules only apply
	   when the panel is actually on body in map-active mode.
	──────────────────────────────────────────────────────────────────────── */

	/* Hide list, toolbar, and sticky helpers inside the shortcode root */
	.sqre-mobile-map-active .sqre-property-toolbar,
	.sqre-mobile-map-active .sqre-list-header,
	.sqre-mobile-map-active .sqre-property-list-panel,
	.sqre-mobile-map-active .sqre-sticky-placeholder {
		display: none !important;
	}

	.sqre-rating-row {
		gap: 8px;
	}

	.sqre-rating-tile {
		min-width: 80px;
	}
}

/* ── Round 2: Show/Hide Map, Instruction Overlay, List Header ── */

/* Toolbar heading: text left, toggle button right */
.sqre-property-toolbar__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
}

.sqre-property-toolbar__heading-text {
	flex: 1 1 auto;
	min-width: 0;
}

/* Map toggle button — pill matching the filter bar style */
/* ── Show Map toggle switch ── */
.sqre-map-toggle-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	background: none;
	border: none;
	padding: 4px 0;
	cursor: pointer;
	font-size: 0.92rem;
	font-weight: 500;
	color: var(--sqre-text);
	white-space: nowrap;
	line-height: 1;
}

.sqre-map-toggle-btn:focus-visible {
	outline: 2px solid rgba(59, 130, 246, 0.5);
	outline-offset: 4px;
	border-radius: 4px;
}

.sqre-map-toggle-btn__label {
	user-select: none;
}

/* Track — the oval pill */
.sqre-map-toggle-btn__track {
	position: relative;
	display: inline-block;
	flex-shrink: 0;
	width: 46px;
	height: 26px;
	border-radius: 999px;
	background: #cbd5e1;
	transition: background 0.22s ease;
}

/* Thumb — the white circle */
.sqre-map-toggle-btn__thumb {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
	transition: transform 0.22s ease;
}

/* ON state: aria-pressed="true" → map visible → blue, thumb slides right */
.sqre-map-toggle-btn[aria-pressed="true"] .sqre-map-toggle-btn__track {
	background: #3b82f6;
}

.sqre-map-toggle-btn[aria-pressed="true"] .sqre-map-toggle-btn__thumb {
	transform: translateX(20px);
}

/* Hover: subtle brightness shift on track */
.sqre-map-toggle-btn:hover .sqre-map-toggle-btn__track {
	filter: brightness(0.92);
}

/* ── Floating map toggle — anchored to top-right of the map column ── */
.sqre-map-toggle-btn--inline {
	display: none;              /* hidden everywhere by default */
	position: absolute;
	/* right: 0 = right edge of the layout; button floats at top-right of map column */
	top: 10px;
	right: 10px;
	z-index: 6;
	height: 36px;
	padding: 0 14px;
	gap: 6px;
	border: none;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.20);
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--sqre-text);
	white-space: nowrap;
	cursor: pointer;
	transition: box-shadow 0.15s, background 0.15s;
}

.sqre-map-toggle-btn--inline:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.26);
	background: #f9fafb;
}

/* Map hidden: button drops out of absolute flow and sits inline in the list-header row */
.sqre-map-hidden .sqre-map-toggle-btn--inline {
	position: static !important;
	top: auto !important;
	right: auto !important;
	transform: none !important;
	margin-left: auto;
	flex-shrink: 0;
}

/* Layout — height is set dynamically by JS to fill viewport */
.sqre-property-layout {
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 0;
	align-items: stretch;
	overflow: hidden;
}

/* Map panel fills layout height; inner map overrides PHP inline height */
.sqre-property-map-panel {
	height: 100%;
}
.sqre-property-map-panel .sqre-property-map,
.sqre-property-map-panel .sqre-property-map > div {
	height: 100% !important;
}

.sqre-map-hidden .sqre-property-map-panel {
	display: none;
}

.sqre-map-hidden .sqre-property-layout {
	grid-template-columns: 1fr;
	height: auto !important;
	overflow: visible !important;
}

/* Full-width list panel — no max-width, no scroll cap */
.sqre-map-hidden .sqre-property-list-panel {
	width: 100%;
	max-width: 100%;
	margin: 0;
	height: auto;
	max-height: none;
	overflow: visible;
	padding-right: 0;
}

/* Keep results count + sort always visible when map is hidden */
.sqre-map-hidden .sqre-list-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 5 !important;
	background: #fff !important;
}

/* 3 cards per row — cards keep normal horizontal layout (image left, content right) */
.sqre-map-hidden .sqre-property-list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 16px !important;
}

/* Slightly narrower image column so content has room in the 3-col grid */
.sqre-map-hidden .sqre-building-card,
.sqre-map-hidden .sqre-property-card {
	grid-template-columns: 180px minmax(0, 1fr) !important;
	gap: 14px !important;
	border: 1px solid var(--sqre-border) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 2px 8px rgba(15,23,42,0.08) !important;
	padding: 0 0 0 0 !important;
}
/* Round only the left corners of the image to follow the card radius */
.sqre-map-hidden .sqre-building-card__media,
.sqre-map-hidden .sqre-property-card__media {
	border-radius: 11px 0 0 11px !important;
}

.sqre-map-hidden .sqre-building-card__body {
	padding: 16px 18px 18px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.sqre-map-hidden .sqre-building-card__actions {
	margin-top: auto;
}

/* Map panel */
.sqre-property-map-panel {
	position: sticky;
	top: 80px;
}

.sqre-property-map {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	width: 100%;
}

/* Instruction overlay at bottom of map */
.sqre-map-instruction {
	position: absolute;
	bottom: 36px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	background: rgba(15, 23, 42, 0.72);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	color: #fff;
	font-size: 0.82rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	padding: 9px 18px;
	border-radius: 999px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.5s ease;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}

.sqre-map-instruction.is-dismissed {
	opacity: 0;
	pointer-events: none;
}

/* List header: count on left, sort on right */
.sqre-list-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 0 14px;
	margin-bottom: 18px;
	border-bottom: 1px solid var(--sqre-border);
}

.sqre-list-header span {
	font-size: 0.93rem;
	color: var(--sqre-muted);
}

.sqre-list-header strong {
	color: var(--sqre-text);
	font-weight: 600;
}

/* Sort select — styled pill matching filter bar */
.sqre-list-sort-select {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 36px 0 16px;
	border-radius: 999px;
	border: 1.5px solid var(--sqre-border);
	background-color: var(--sqre-surface);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f6f82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--sqre-text);
	cursor: pointer;
	transition: border-color 0.18s, box-shadow 0.18s;
}

.sqre-list-sort-select:hover,
.sqre-list-sort-select:focus {
	border-color: var(--sqre-brand);
	box-shadow: 0 0 0 3px rgba(222, 101, 22, 0.12);
	outline: none;
}

/* ── Round 2 responsive adjustments ── */
@media (max-width: 900px) {
	.sqre-property-layout {
		grid-template-columns: 1fr;
	}

	.sqre-property-map-panel {
		position: static;
	}

	/* 3-col grid → 2-col on tablet */
	.sqre-map-hidden .sqre-property-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	/* 2-col → 1-col on mobile */
	.sqre-map-hidden .sqre-property-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.sqre-property-toolbar__heading {
		flex-wrap: wrap;
		gap: 10px;
	}

	.sqre-list-header {
		flex-wrap: wrap;
		gap: 10px;
	}

	.sqre-list-sort-select {
		width: 100%;
	}

	.sqre-map-instruction {
		bottom: 20px;
		font-size: 0.76rem;
		padding: 7px 14px;
		max-width: calc(100% - 32px);
		white-space: normal;
		text-align: center;
	}
}

/* ── Custom map zoom controls ── */
.sqre-map-zoom-controls {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0 10px 70px 0;  /* offset from Google Maps bottom-right edge */
}

.sqre-map-zoom-btn {
	width: 40px;
	height: 40px;
	border: none;
	background: #fff;
	color: #444;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
	transition: background 0.15s, color 0.15s;
	padding: 0;
}

.sqre-map-zoom-btn--in  { border-radius: 4px 4px 0 0; border-bottom: 1px solid #e2e2e2; }
.sqre-map-zoom-btn--out { border-radius: 0 0 4px 4px; }

.sqre-map-zoom-btn:hover {
	background: #f5f5f5;
	color: #111;
}

.sqre-map-zoom-btn svg {
	pointer-events: none;
}

/* ── Popup: hover state for title link ── */
.sqre-map-popup__title a:hover {
	color: var(--sqre-brand);
	text-decoration: underline;
}

/* ── Why Choose Us strip ── */
.sqre-why-choose-us {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 24px;
	padding: 14px 20px;
	margin-bottom: 18px;
	background: #f5fae8;
	border: 1px solid #d5eaa0;
	border-radius: 10px;
}

.sqre-why-choose-us__item {
	font-size: 0.88rem;
	font-weight: 600;
	color: #3a5f00;
}

/* ── Single property floor plan tab (single-property.php) ── */
.floor-plan-item {
	margin-bottom: 32px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e5e7eb;
}

.floor-plan-item:last-child {
	border-bottom: none;
}

.floor-plan-title {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 12px;
	color: #1f2937;
}

.floor-plan-image {
	margin-bottom: 12px;
}

.floor-plan-image img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	cursor: zoom-in;
	display: block;
}

.floor-plan-desc {
	font-size: 0.9rem;
	color: #4b5563;
	margin-bottom: 10px;
}

.floor-plan-meta {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	font-size: 0.88rem;
	color: #374151;
}

.floor-plan-meta strong {
	font-weight: 600;
}

.floor-plan-empty {
	color: #6b7280;
	font-size: 0.9rem;
	font-style: italic;
}

/* ── Floor Plans shortcode [sqre_floor_plans] ── */
.sqre-floor-plans__heading {
	font-size: 1.3rem;
	font-weight: 700;
	margin: 0 0 16px;
	color: #1f2937;
}

.sqre-floor-plans__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}

.sqre-floor-plans__tab {
	padding: 7px 18px;
	border-radius: 999px;
	border: 1px solid #d1d5db;
	background: #fff;
	color: #374151;
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.sqre-floor-plans__tab.is-active,
.sqre-floor-plans__tab:hover {
	background: #5f990d;
	border-color: #5f990d;
	color: #fff;
}

.sqre-floor-plans__panel {
	display: none;
}

.sqre-floor-plans__panel.is-active {
	display: block;
}

.sqre-floor-plans__image {
	margin-bottom: 16px;
	border-radius: 10px;
	overflow: hidden;
	cursor: zoom-in;
}

.sqre-floor-plans__image img {
	display: block;
	width: 100%;
	max-width: 700px;
	height: auto;
	border-radius: 10px;
	transition: transform 0.2s;
}

.sqre-floor-plans__image:hover img {
	transform: scale(1.01);
}

.sqre-floor-plans__desc {
	color: #4b5563;
	font-size: 0.92rem;
	margin-bottom: 14px;
}

.sqre-floor-plans__meta {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}

.sqre-floor-plans__meta li {
	font-size: 0.88rem;
	color: #374151;
}

.sqre-floor-plans__meta strong {
	font-weight: 600;
	color: #111827;
}

/* ── About page map popups ── */
.sqre-about-map-popup {
	font-family: inherit;
	min-width: 160px;
	max-width: 240px;
	line-height: 1.45;
}

.sqre-about-map-popup--hover {
	font-size: 0.85rem;
	color: #1f2937;
	padding: 2px 0;
}

.sqre-about-map-popup__badge {
	display: inline-block;
	margin-bottom: 6px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #e04e2c;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.sqre-about-map-popup__title {
	font-weight: 700;
	font-size: 0.92rem;
	color: #111827;
	margin-bottom: 3px;
}

.sqre-about-map-popup__address {
	font-size: 0.82rem;
	color: #4b5563;
	margin-bottom: 8px;
}

.sqre-about-map-popup__link {
	display: inline-block;
	font-size: 0.82rem;
	font-weight: 600;
	color: #5f990d;
	text-decoration: none;
}

.sqre-about-map-popup__link:hover {
	text-decoration: underline;
}

/* ── Building card ───────────────────────────────────────────────────────── */
.sqre-building-card {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 20px;
	padding: 0 0 22px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--sqre-border);
	border-radius: 0;
	box-shadow: none;
	transition: background 0.2s ease;
}
.sqre-building-card:hover { background: #f6f8fb; }
.sqre-building-card__media {
	position: relative;
	display: block;
	height: 260px;
	min-height: 260px;
	overflow: hidden;
	border-radius: 8px;
}
.sqre-building-card__img-btn {
	display: block;
	width: 100%;
	height: 100%;
	min-height: inherit;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}
.sqre-building-card__img-btn img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sqre-building-card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #1E3A5F;
    color: #fff;
    border-radius: 999px;
    padding: 6px 16px;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    pointer-events: none;
    /* Strong shadow so it pops on dark images */
    box-shadow: 0 2px 10px rgba(0,0,0,0.55), 0 0 0 2px rgba(255,255,255,0.25);
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

.sqre-building-card__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding-top: 6px;
}
.sqre-building-card__top {
	display: flex;
	gap: 18px;
	justify-content: space-between;
	align-items: flex-start;
}
.sqre-building-card__title {
	font-size: clamp(1.15rem, 1.7vw, 1.55rem);
	line-height: 1.18;
	font-weight: 600;
	color: #193252;
	margin: 0;
	max-width: 440px;
}
.sqre-building-card__price {
	flex-shrink: 0;
	font-size: 1.02rem;
	font-weight: 700;
	color: var(--sqre-brand);
	text-align: right;
	padding-top: 4px;
	white-space: nowrap;
}
.sqre-building-card__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, max-content));
	column-gap: 26px;
	row-gap: 10px;
	align-items: start;
	font-size: 0.98rem;
	color: #334e68;
}
.sqre-building-card__address {
	display: none !important;
}
.sqre-building-card__actions { margin-top: auto; padding-top: 4px; }
.sqre-building-card__view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 48px;
	min-width: 160px;
	padding: 0 24px;
	border-radius: 12px;
	border: none;
	cursor: pointer;
	background: #de6516 !important;
	color: #fff !important;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none;
	transition: background 0.2s ease;
	box-sizing: border-box;
}
.sqre-building-card__view-btn:hover { background: #bb5311 !important; }

/* ── Units modal ─────────────────────────────────────────────────────────── */
.sqre-units-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sqre-units-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
}
.sqre-units-modal__dialog {
	position: relative;
	background: #fff;
	border-radius: 16px;
	width: min(92vw, 880px);
	max-height: 85vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

/* ── Mobile: bottom-sheet style ─────────────────────────────────────────────
   The dialog slides up from the bottom of the viewport, filling 92% of the
   screen height. This gives maximum room for scrolling through units and
   feels native on iOS/Android. The backdrop still covers the rest.
────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
	.sqre-units-modal {
		align-items: flex-end;
	}
	.sqre-units-modal__dialog {
		width: 100% !important;
		max-width: 100% !important;
		border-radius: 20px 20px 0 0 !important;
		max-height: 92vh !important;
		box-shadow: 0 -4px 30px rgba(0,0,0,0.18) !important;
	}
	.sqre-units-modal__body {
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-y: contain;
	}
	.sqre-units-modal__header {
		padding: 14px 18px !important;
	}
	/* Drag-handle pill above header */
	.sqre-units-modal__dialog::before {
		content: '';
		display: block;
		width: 40px;
		height: 4px;
		background: #d1d5db;
		border-radius: 99px;
		margin: 10px auto 2px;
		flex-shrink: 0;
	}
}
.sqre-units-modal__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 18px 22px;
	border-bottom: 1px solid var(--sqre-border);
	flex-shrink: 0;
}
.sqre-units-modal__title { font-size: 17px; font-weight: 700; margin: 0 0 3px; color: var(--sqre-text); }
.sqre-units-modal__sub   { font-size: 13px; color: var(--sqre-muted); margin: 0; }
.sqre-units-modal__close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	color: var(--sqre-muted);
	flex-shrink: 0;
}
.sqre-units-modal__close:hover { color: var(--sqre-text); }
.sqre-units-modal__body {
	overflow-y: auto;
	padding: 16px 22px 24px;
	flex: 1;
}

/* ── Compact card layout inside units modal ──────────────────────────────
   Override the full-size listing card so multiple units are visible at
   once without excessive scrolling — apartments.com style row layout.
────────────────────────────────────────────────────────────────────────── */
.sqre-units-modal__body .sqre-property-card {
	display: grid !important;
	grid-template-columns: 260px minmax(0, 1fr) !important;
	padding: 16px 0;
	gap: 20px !important;
	align-items: center;
}
.sqre-units-modal__body .sqre-property-card__media {
	width: 260px !important;
	height: 260px !important;
	min-height: unset !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	/* ensure slider fills the square container */
}
.sqre-units-modal__body .sqre-card-slider,
.sqre-units-modal__body .sqre-card-slider__track,
.sqre-units-modal__body .sqre-card-slider__slide {
	height: 260px !important;
	min-height: unset !important;
}
.sqre-units-modal__body .sqre-property-card__media img {
	object-fit: cover;
	object-position: center 30%;
	width: 100% !important;
	height: 100% !important;
}
.sqre-units-modal__body .sqre-property-card__media-arrow { display: none; }
.sqre-units-modal__body .sqre-card-slider__btn {
	background: transparent !important;
	backdrop-filter: none !important;
	box-shadow: none !important;
	filter: drop-shadow(0 1px 3px rgba(0,0,0,0.9)) drop-shadow(0 0 2px rgba(0,0,0,0.7)) !important;
	width: 28px !important;
	height: 28px !important;
}
.sqre-units-modal__body .sqre-card-slider__btn svg {
	width: 8px !important;
	height: 14px !important;
}
.sqre-units-modal__body .sqre-card-slider__btn--prev { left: 8px !important; }
.sqre-units-modal__body .sqre-card-slider__btn--next { right: 8px !important; }
.sqre-units-modal__body .sqre-card-slider__counter {
	font-size: 0.7rem !important;
	padding: 2px 8px !important;
	bottom: 6px !important;
	right: 7px !important;
}
/* Content column */
.sqre-units-modal__body .sqre-property-card__content {
	padding: 4px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* 1.5× detail text inside the modal — bedrooms, bathrooms, available date */
.sqre-units-modal__body .sqre-property-card__detail,
.sqre-units-modal__body .sqre-property-card__detail span,
.sqre-units-modal__body .sqre-property-card__details .sqre-property-card__detail {
	font-size: 1.07rem !important;
	line-height: 1.5 !important;
}
.sqre-units-modal__body .sqre-property-card__address {
	display: none !important;
}
.sqre-units-modal__body .sqre-property-card__detail-icon svg {
	width: 30px !important;
	height: 30px !important;
}
.sqre-units-modal__body .sqre-unit-status,
.sqre-units-modal__body .sqre-status-tag {
	font-size: 0.7rem;
	padding: 2px 7px;
}

/* ── Building map marker popup ───────────────────────────────────────────── */
.sqre-map-popup--bldg .sqre-map-popup__sub {
	font-size: 12px;
	color: var(--sqre-muted);
	margin: 2px 0 8px;
}

/* "View X Units" button inside map popup */
.sqre-bldg-popup-btn {
	display: block;
	width: 100%;
	margin-top: 10px;
	min-height: 36px;
	border-radius: 8px;
	border: none;
	background: #de6516;
	color: #fff;
	font-weight: 600;
	font-size: 0.85rem;
	cursor: pointer;
	transition: background 0.2s ease;
}
.sqre-bldg-popup-btn:hover { background: #bb5311; }
.sqre-bldg-unit-list {
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-height: 200px;
	overflow-y: auto;
}
.sqre-bldg-unit-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 8px;
	border-radius: 6px;
	text-decoration: none;
	color: inherit;
	font-size: 13px;
	gap: 12px;
	transition: background 0.12s;
}
.sqre-bldg-unit-row:hover { background: #f1f5f9; }
.sqre-bldg-unit-row__name { font-weight: 600; color: var(--sqre-text); flex: 1; }
.sqre-bldg-unit-row__info { color: var(--sqre-brand); font-weight: 600; white-space: nowrap; }

@media (max-width: 600px) {
	.sqre-building-card { grid-template-columns: 1fr; }
	.sqre-building-card__media {
		height: auto;
		min-height: 0;
		aspect-ratio: 4 / 3;
		width: 100%;
	}
	.sqre-building-card__body  { padding: 12px 0 4px; }
}

/* ── Rental status badge (Rented / Pending) ─────────────────────────────── */
.sqre-rental-badge {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	z-index: 2;
	pointer-events: none;
}
.sqre-rental-badge--rented  { background: #e53935; }
.sqre-rental-badge--pending { background: #d97706; }

/* Inline status label inside unit cards (inside modal popup) */
.sqre-unit-status {
	align-self: flex-start;
	display: inline-block;
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 5px 14px;
	border-radius: 999px;
	color: #fff;
	margin-bottom: 6px;
}
.sqre-unit-status--rented {
	background: #c62828;
	box-shadow: 0 2px 8px rgba(198, 40, 40, 0.40);
}
.sqre-unit-status--pending { background: #d97706; }

/* ── Property Status Tags (all listing cards & building cards) ── */
.sqre-status-tag {
	align-self: flex-start;
	display: inline-block;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 999px;
	margin-bottom: 6px;
	border: 1px solid transparent;
}

/* Available Now — green */
.sqre-status-tag--available-now {
	background: #dcfce7;
	color: #15803d;
	border-color: #86efac;
}

/* Available Now|For Rent — teal */
.sqre-status-tag--available-nowfor-rent,
.sqre-status-tag--available-now-for-rent {
	background: #28A745;
	color: #ffffff;
	border-color: #28A745;
}

/* For Rent — blue */
.sqre-status-tag--for-rent {
	background: #dbeafe;
	color: #1d4ed8;
	border-color: #93c5fd;
}

/* Pending — amber */
.sqre-status-tag--pending {
	background: #1f3b5f;
    color: #ffffff;
    border-color: #1f3b5f;
}

/* Rented — red */
.sqre-status-tag--rented {
	background: #b91c1c;
    color: #ffffff;
    border-color: #b91c1c;
	box-shadow: 0 2px 8px rgba(185, 28, 28, 0.15);
}

/* Compact inside units modal */
.sqre-units-modal__body .sqre-status-tag {
	font-size: 0.7rem;
	padding: 2px 7px;
	margin-bottom: 2px;
}

/* ── Single property page — back-to-listings close button ─────────────── */
.sqre-prop-close-btn {
	position: fixed;
	top: 120px;
	right: 24px;
	z-index: 9999;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: none;
	background: #1f2937;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0,0,0,0.22);
	transition: background 0.18s, transform 0.18s;
	padding: 0;
}
.sqre-prop-close-btn:hover {
	background: #de6516;
	transform: scale(1.08);
}
/* CSS-drawn X — two lines via ::before and ::after */
.sqre-prop-close-btn::before,
.sqre-prop-close-btn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2.5px;
	background: #fff;
	border-radius: 2px;
}
.sqre-prop-close-btn::before { transform: translate(-50%, -50%) rotate(45deg); }
.sqre-prop-close-btn::after  { transform: translate(-50%, -50%) rotate(-45deg); }
@media (max-width: 768px) {
	.sqre-prop-close-btn { top: 80px; right: 14px; width: 38px; height: 38px; }
	.sqre-prop-close-btn::before,
	.sqre-prop-close-btn::after { width: 15px; }

	/* Hide Show Map toggle on mobile — listings-only view */
	.sqre-map-toggle-btn { display: none !important; }
	/* Always keep map hidden on mobile regardless of JS state */
	.sqre-property-map-panel { display: none !important; }

	/* ── Card footer: block layout so nothing can overflow off-screen ── */
	.sqre-property-card__footer {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.sqre-property-card__type {
		display: block !important;
		width: 100% !important;
		margin-bottom: 8px !important;
	}
	.sqre-property-card__actions {
		display: block !important;
		width: 100% !important;
	}
	.sqre-property-card__button,
	.sqre-property-card__button--tour {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 8px !important;
		box-sizing: border-box !important;
	}
	.sqre-property-card__button:last-child,
	.sqre-property-card__button--tour:last-child {
		margin-bottom: 0 !important;
	}
}


/* ── 360–480px small Android screens (Samsung, Realme, etc.) ─────────────
   Override the 767px stacked-full-width rules with a horizontal scroll strip.
   Filters scroll horizontally instead of stacking as a long vertical list.
──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 480px) {

	/* Belt-and-suspenders: map toggle + panel must never appear on small screens */
	.sqre-map-toggle-btn,
	.sqre-property-map-panel { display: none !important; }

	/* Push the whole shortcode down so it clears the sticky site header */
	.sqre-property-map-shortcode {
		padding-top: 16px;
	}

	/* Toolbar stacks cleanly: heading → filters */
	.sqre-property-toolbar {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		margin-bottom: 10px;
	}

	/* Heading: smaller + no uppercase on tiny screens */
	.sqre-property-toolbar__heading h2 {
		font-size: 1.1rem !important;
		letter-spacing: 0;
		text-transform: none;
		margin-bottom: 2px;
	}

	/* Count line smaller */
	.sqre-property-toolbar__heading p,
	.sqre-property-toolbar__heading .sqre-property-subtitle {
		font-size: 0.82rem;
		margin: 0;
	}

	/* Heading row: no space between text and (now hidden) map toggle */
	.sqre-property-toolbar__heading {
		gap: 6px;
	}

	/* Dropdown panel fixed width so it doesn't overflow if ever visible */
	.sqre-filter-dropdown__panel {
		width: 280px !important;
		min-width: 280px !important;
		left: 0;
		right: auto;
	}

	/* Results bar + sort compact */
	.sqre-list-header {
		gap: 6px;
		flex-wrap: wrap;
	}
	.sqre-list-sort-select {
		font-size: 0.82rem;
		min-height: 36px;
		padding: 0 10px;
	}

	/* Property card image: 4:3 aspect-ratio gives more vertical room than the old 2:1.
	   cover fills every pixel — no empty gaps. Position at 35% biases toward the
	   building facade rather than sky (top) or ground (bottom). */
	.sqre-property-card__media,
	.sqre-building-card__media {
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 4 / 3 !important;
	}

	.sqre-card-slider__slide img,
	.sqre-property-card__media > a > img,
	.sqre-property-card__media img,
	.sqre-building-card__media img {
		object-fit: cover !important;
		object-position: center 35% !important;
	}

	/* Units popup: single-column card — image full-width, content below */
	.sqre-units-modal__body .sqre-property-card {
		grid-template-columns: 1fr !important;
	}
	.sqre-units-modal__body .sqre-property-card__media {
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 4 / 3 !important;
		border-radius: 8px !important;
	}
	.sqre-units-modal__body .sqre-property-card__media img {
		object-fit: cover !important;
		object-position: center 35% !important;
	}
	/* Mobile: full-width 4:3 image — restore arrow sizes for the larger container */
	.sqre-units-modal__body .sqre-property-card__media-arrow {
		display: flex !important;
	}
	.sqre-units-modal__body .sqre-card-slider__btn {
		width: 28px !important;
		height: 28px !important;
	}
	.sqre-units-modal__body .sqre-card-slider__btn svg {
		width: 8px !important;
		height: 14px !important;
	}
	.sqre-units-modal__body .sqre-card-slider__btn--prev { left: 8px !important; }
	.sqre-units-modal__body .sqre-card-slider__btn--next { right: 8px !important; }
	/* Content sits below image — small top gap */
	.sqre-units-modal__body .sqre-property-card__content {
		padding: 8px 0 0 !important;
	}
	/* Tighter modal body padding on mobile */
	.sqre-units-modal__body {
		padding: 12px 14px 20px !important;
	}

	/* View Details button compact */
	.sqre-property-card__button,
	.sqre-building-card__view-btn {
		min-width: 100% !important;
		min-height: 44px !important;
	}

	/* List panel: horizontal padding so text never touches screen edges */
	.sqre-property-list-panel {
		padding: 0 14px 80px !important; /* 80px bottom = clear the fixed toggle button */
	}
}

/* ── Touch interaction fixes — iOS Safari / iPhone ──────────────────────
   touch-action: manipulation removes the 300ms tap delay on iOS.
   Min 44×44px touch targets meet Apple HIG guidelines.
────────────────────────────────────────────────────────────────────────── */
.sqre-filter-chip,
.sqre-type-chip,
.sqre-amenity-chip,
.sqre-modal-toggle-chip,
.sqre-filter-all-btn,
.sqre-property-reset,
.sqre-filter-dropdown__toggle,
.sqre-filter-toggle-btn,
.sqre-all-filters-modal__close,
.sqre-all-filters-modal__footer button,
.sqre-filter-dropdown__clear,
.sqre-filter-dropdown__done,
.sqre-property-card__button,
.sqre-building-card__view-btn {
	touch-action: manipulation;
}

@media (max-width: 768px) {
	/* Raise all tappable filter elements to Apple-recommended 44px touch target */
	.sqre-filter-chip,
	.sqre-type-chip,
	.sqre-amenity-chip,
	.sqre-modal-toggle-chip {
		min-height: 44px !important;
	}
	.sqre-all-filters-modal__close {
		width: 44px !important;
		height: 44px !important;
	}
	.sqre-all-filters-modal__footer button {
		min-height: 44px !important;
	}
}

@media (max-width: 768px) {

	/* ── Hide all individual filter pills on mobile ──
	   Only the "All Filters" button and Reset remain,
	   giving a clean compact single-row filter bar. */
	.sqre-filter-dropdown,
	.sqre-filter-toggle-btn,
	.sqre-filter-sort-wrap {
		display: none !important;
	}

	/* Filter bar: CSS Grid — All Filters fills space, Reset is exactly text width */
	.sqre-property-filters {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		gap: 8px !important;
		padding: 4px 0 8px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* All Filters fills the 1fr column */
	.sqre-filter-all-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		height: 42px !important;
		padding: 0 12px !important;
		font-size: 0.88rem !important;
		font-weight: 600 !important;
		border: 1px solid #d1d5db !important;
		border-radius: 8px !important;
		background: #fff !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	.sqre-filter-all-btn svg {
		flex-shrink: 0;
		width: 15px !important;
		height: 15px !important;
	}

	/* Reset fits the auto column — exactly as wide as its text
	   Triple-class selector beats the 767px button { width:100% } rule */
	.sqre-property-filters button.sqre-property-reset,
	.sqre-property-reset {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 42px !important;
		padding: 0 12px !important;
		font-size: 0.88rem !important;
		border-radius: 8px !important;
		white-space: nowrap !important;
		box-sizing: border-box !important;
		width: auto !important;
		min-width: unset !important;
		max-width: fit-content !important;
	}

	/* Toolbar heading: always visible on mobile — h2 shows as the page header */
	.sqre-property-toolbar__heading {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.sqre-property-toolbar__heading h2 {
		display: block !important;
		font-size: 1rem !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
		margin: 0 0 2px !important;
	}

	/* Hide header CTA buttons on mobile — already in the existing blue bottom nav */
	.site-header .elementor-widget-button,
	.site-header .elementor-button-wrapper,
	#site-header .elementor-widget-button,
	#site-header .elementor-button-wrapper,
	header .elementor-widget-button,
	header .elementor-button-wrapper {
		display: none !important;
	}

	/* Keep hamburger visible — header must show logo + menu when it reappears
	   after the user scrolls back to the top. Bottom nav "Menu" tab co-exists. */
}

/* ── Elementor nav dropdown indicator alignment ─────────────────────────
   Elementor renders submenu caret indicators as inline / inline-block
   elements which default to baseline alignment, making the arrow appear
   slightly above the nav link text on any screen width.
   Covers: classic nav widget, E3 new nav widget, and SVG/icon variants.
────────────────────────────────────────────────────────────────────────── */
.elementor-nav-menu--main .elementor-nav-menu--dropdown-indicator,
.elementor-nav-menu--main .elementor-nav-menu--dropdown-indicator i,
.elementor-nav-menu--main .elementor-nav-menu--dropdown-indicator svg,
.elementor-nav-menu .elementor-nav-menu--dropdown-indicator,
.elementor-nav-menu .elementor-nav-menu--dropdown-indicator i,
.elementor-nav-menu .elementor-nav-menu--dropdown-indicator svg,
/* E3 new nav widget */
.e-n-menu-dropdown-toggle,
.e-n-menu-dropdown-toggle i,
.e-n-menu-dropdown-toggle svg,
/* Any nav item icon/caret inside Elementor header */
header .elementor-nav-menu--dropdown-indicator,
header .elementor-nav-menu--dropdown-indicator i,
header .elementor-nav-menu--dropdown-indicator svg,
.elementor-location-header .elementor-nav-menu--dropdown-indicator,
.elementor-location-header .elementor-nav-menu--dropdown-indicator i,
.elementor-location-header .elementor-nav-menu--dropdown-indicator svg {
	vertical-align: middle !important;
	line-height: 0 !important;
	position: relative !important;
	top: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	align-self: center !important;
}

/* ── Mobile properties page — listing-focused layout ────────────────────
   Collapse visual noise so apartments are the first and only focus.
────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

	/* Collapse Elementor section padding on property listing pages.
	   Scoped to [data-elementor-type="archive/wp-page"] so Elementor popup
	   modals (data-elementor-type="popup") are never affected — collapsed
	   padding + overflow:hidden on popup sections hides all menu content. */
	.page-template-default [data-elementor-type="wp-page"] .elementor-section,
	.tax-property-type [data-elementor-type="archive"] .elementor-section,
	.post-type-archive-property [data-elementor-type="archive"] .elementor-section {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

	/* Placeholder — replace XXXXXXX with the actual Elementor element ID
	   of the blue/orange "Now Leasing" CTA section once you share it */
	/* .elementor-element-XXXXXXX { display: none !important; } */

	/* Our shortcode container: flush with page edges, no extra margin */
	.sqre-property-map-shortcode {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	/* Smooth scrolling for the listing panel */
	.sqre-property-list-panel {
		-webkit-overflow-scrolling: touch;
	}
}

/* ── Available Now clean mode (?available_now=1) ─────────────────────────
   Hide all filter controls and map toggle so the page is a pure results view.
   Works on both desktop and mobile.
────────────────────────────────────────────────────────────────────────── */
.sqre-available-now-mode .sqre-property-filters,
.sqre-available-now-mode .sqre-map-toggle-btn {
	display: none !important;
}

/* Badge shown in the toolbar heading */
.sqre-available-now-badge {
	display: inline-block;
	background: #16a34a;
	color: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	padding: 3px 12px;
	border-radius: 999px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	margin-bottom: 8px;
}

/* ── Desktop: full fixed layout ──────────────────────────────────────────────
   The entire shortcode is position:fixed from just below the site header to
   the viewport bottom. No Elementor gaps, no scroll bleed, footer unreachable.
────────────────────────────────────────────────────────────────────────── */
@media (min-width: 900px) {

	/* Shortcode: fixed, covers from header-bottom to viewport-bottom */
	.sqre-property-map-shortcode {
		position: fixed !important;
		top: var(--sqre-header-h, 120px) !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
		transform: none !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
		z-index: 10;
		background: #fff;
	}

	/* Toolbar: flex child, shrinks to its content height, solid white */
	.sqre-property-toolbar {
		position: static !important;
		flex-shrink: 0;
		background: #ffffff !important;
		box-shadow: 0 2px 6px rgba(0,0,0,0.07);
		border-bottom: 1px solid var(--sqre-border);
		margin-bottom: 0 !important;
		padding-top: 8px;
		padding-bottom: 8px;
		flex-wrap: nowrap;
		align-items: center;
		z-index: auto;
	}

	/* Hide title heading */
	.sqre-property-toolbar__heading { display: none; }

	/* Show the floating toggle */
	.sqre-map-toggle-btn--inline { display: inline-flex; }

	/* Layout is the anchor for the absolutely positioned toggle button */
	.sqre-property-layout { position: relative; }

	/* Filters: single nowrap line */
	.sqre-property-filters {
		flex-wrap: nowrap !important;
		flex: 1;
		min-width: 0;
	}

	/* Layout: fills all remaining space below toolbar */
	.sqre-property-layout {
		flex: 1 !important;
		min-height: 0 !important;
		height: auto !important;
		margin-top: 0 !important;
	}

	/* Map panel fills layout height */
	.sqre-property-map-panel {
		position: static !important;
		height: 100% !important;
	}

	/* List panel fills layout height.
	   padding-top removed — the sticky list-header carries its own top padding
	   so there is NO transparent gap above it where cards can peek through. */
	.sqre-property-list-panel {
		height: 100% !important;
		padding-top: 0;
	}

	/* Map hidden: layout stays full-height so list can scroll within fixed shortcode */
	.sqre-map-hidden .sqre-property-layout {
		flex: 1 !important;
		min-height: 0 !important;
		height: 100% !important;
		overflow: hidden !important;
	}

	.sqre-map-hidden .sqre-property-list-panel {
		height: 100% !important;
		overflow-y: auto !important;
		max-height: none !important;
	}

}

/* ── Property listing pages — hide footer immediately via CSS ────────────
   Applies to any page that contains the shortcode (All Properties,
   Non-Student, any filtered view). CSS fires before JS, so there is no
   flash-of-footer between page load and script execution.
────────────────────────────────────────────────────────────────────────── */
@media (min-width: 900px) {
	body:has(.sqre-property-map-shortcode) [data-elementor-type="footer"],
	body:has(.sqre-property-map-shortcode) .elementor-location-footer,
	body:has(.sqre-property-map-shortcode) #colophon,
	body:has(.sqre-property-map-shortcode) .site-footer,
	body:has(.sqre-property-map-shortcode) footer.elementor-location-footer {
		display: none !important;
	}

	body:has(.sqre-property-map-shortcode),
	html:has(.sqre-property-map-shortcode) {
		overflow: hidden !important;
	}
}

/* Smaller desktops (900–1450px): shrink filter pills to fit one line */
@media (min-width: 900px) and (max-width: 1450px) {
	.sqre-filter-dropdown__toggle,
	.sqre-filter-toggle-btn,
	.sqre-filter-all-btn,
	.sqre-property-reset {
		font-size: 0.76rem !important;
		padding: 0 9px !important;
		min-height: 34px !important;
	}
	.sqre-filter-dropdown__caret svg { width: 11px; height: 11px; }
	.sqre-property-toolbar { gap: 6px !important; }
	.sqre-property-filters { gap: 5px !important; }
}

/* Medium desktops (1450–1600px): slight reduction */
@media (min-width: 1450px) and (max-width: 1600px) {
	.sqre-filter-dropdown__toggle,
	.sqre-filter-toggle-btn,
	.sqre-filter-all-btn,
	.sqre-property-reset {
		font-size: 0.83rem !important;
		padding: 0 12px !important;
		min-height: 36px !important;
	}
}

/* ── Short screens (height ≤ 640px, e.g. 1351×576) ──────────────────────────
   Compact card layout so 2 cards fit at once in the listing panel.
────────────────────────────────────────────────────────────────────────── */
@media (min-width: 900px) and (max-height: 640px) {
	/* Compact card image for short viewports — side-by-side cards: square */
	.sqre-property-card__media,
	.sqre-building-card__media {
		height: 190px !important;
		min-height: 190px !important;
		width: 190px !important;
	}
	/* Map-hidden cards are vertical (column layout) — keep full width, just reduce height */
	.sqre-map-hidden .sqre-property-card__media,
	.sqre-map-hidden .sqre-building-card__media {
		height: 200px !important;
		min-height: 200px !important;
		width: 100% !important;
	}
	/* Smaller image column — side-by-side layout only */
	.sqre-property-card,
	.sqre-building-card {
		grid-template-columns: 190px minmax(0, 1fr) !important;
		gap: 16px !important;
		padding-bottom: 14px !important;
	}
	/* Smaller card text — identical for both */
	.sqre-property-card__title,
	.sqre-building-card__title {
		font-size: 0.92rem !important;
		line-height: 1.2 !important;
	}
	.sqre-property-card__price,
	.sqre-building-card__price {
		font-size: 0.9rem !important;
	}
	.sqre-property-card__detail,
	.sqre-building-card__meta {
		font-size: 0.8rem !important;
	}
	/* Button: same height and min-width for both */
	.sqre-property-card__button,
	.sqre-building-card__view-btn {
		min-height: 38px !important;
		font-size: 0.85rem !important;
		min-width: 140px !important;
		width: auto !important;
	}
	/* Tighter list gap */
	.sqre-property-list { gap: 10px !important; }
}

/* ── Compact building card — all non-mobile sizes ────────────────────────────
   Applies to every layout where the card is side-by-side (image left, body right).
   The single-column mobile layout (≤600px) already overrides grid-template-columns
   and image height so it is unaffected.
────────────────────────────────────────────────────────────────────────────── */
@media (min-width: 601px) {
	/* ── Building card compact ── */
	.sqre-building-card {
		grid-template-columns: 210px minmax(0, 1fr) !important;
		gap: 16px !important;
		padding-bottom: 14px !important;
	}
	.sqre-building-card__media {
		height: 210px !important;
		min-height: 210px !important;
	}
	.sqre-building-card__body {
		justify-content: flex-start !important;
		gap: 6px !important;
	}
	.sqre-building-card__meta {
		row-gap: 4px !important;
	}

	/* ── Single-unit property card compact ── */
	.sqre-property-card {
		grid-template-columns: 210px minmax(0, 1fr) !important;
		gap: 16px !important;
		padding-bottom: 14px !important;
	}
	.sqre-property-card__media {
		height: 210px !important;
		min-height: 210px !important;
	}
	.sqre-property-card__content {
		justify-content: flex-start !important;
		gap: 6px !important;
	}
	.sqre-property-card__details {
		row-gap: 4px !important;
	}

	/* ── Pricing: larger, heavier weight ── */
	.sqre-property-card__price,
	.sqre-building-card__price {
		font-size: 1.18rem !important;
		font-weight: 800 !important;
		letter-spacing: -0.01em !important;
	}

	/* ── Address: slightly bolder so it reads clearly ── */
	.sqre-property-card__address,
	.sqre-building-card__address {
		display: none !important;
	}

	/* ── Card title: tighter to save vertical space ── */
	.sqre-property-card__title,
	.sqre-building-card__title {
		font-size: clamp(1rem, 1.5vw, 1.35rem) !important;
		line-height: 1.2 !important;
	}
}

/* ── Desktop: pinned header + scrollable card list ───────────────────────────
   Instead of position:sticky (unreliable inside fixed-height overflow containers),
   the list panel becomes a flex column. The header and active-filters are
   flex-shrink:0 — always visible. Only .sqre-property-list scrolls.
   initListScrollMapSync() is updated to use .sqre-property-list as scroll target.
────────────────────────────────────────────────────────────────────────────── */
@media (min-width: 900px) {

	/* Filter toolbar: slightly darker surface so filter pills stand out from the page */
	.sqre-property-toolbar {
		background: #eef2f8;
		border-radius: 0;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	/* List panel: flex column — header pinned, list scrolls */
	.sqre-property-list-panel {
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}

	/* Header row: always visible, never scrolls away */
	.sqre-list-header {
		flex-shrink: 0;
		position: static !important;
		background: #fff;
		border-bottom: 1px solid var(--sqre-border);
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
		padding: 5px 0 !important;
		margin-bottom: 0 !important;
		z-index: auto;
	}

	/* Sort select: slimmer */
	.sqre-list-sort-select {
		min-height: 30px !important;
		height: 30px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		font-size: 0.8rem !important;
	}

	.sqre-list-header span,
	.sqre-list-header strong { font-size: 0.8rem !important; }

	/* Active filter tags: pinned flex row, slim */
	.sqre-active-filters {
		flex-shrink: 0;
		position: static !important;
	}
	.sqre-active-filters:not([hidden]) {
		background: #fff;
		border-bottom: 1px solid var(--sqre-border);
		padding: 4px 0 5px !important;
		margin-bottom: 0 !important;
		font-size: 0.78rem;
	}

	/* Only the card grid scrolls */
	.sqre-property-list {
		flex: 1 !important;
		overflow-y: auto !important;
		padding-bottom: 40px;
		min-height: 0 !important;
		/* Inherit the thin scrollbar style from the panel */
		scrollbar-width: thin;
		scrollbar-color: #d0d5dd transparent;
	}
	.sqre-property-list::-webkit-scrollbar { width: 5px; }
	.sqre-property-list::-webkit-scrollbar-track { background: transparent; }
	.sqre-property-list::-webkit-scrollbar-thumb { background: #d0d5dd; border-radius: 99px; }
}

/* ── Mobile: toolbar + list-header fixed via JS (.sqre-is-stuck class) ──────────
   CSS position:sticky fails when an Elementor ancestor has overflow:hidden.
   JS detects when each element leaves the viewport and applies position:fixed.
   These rules define the fixed state; JS adds/removes the class.
────────────────────────────────────────────────────────────────────────────────── */
.sqre-property-toolbar.sqre-is-stuck {
	position: fixed !important;
	top: var(--sqre-stick-top, 0px) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9990 !important;
	background: #fff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important;
	margin: 0 !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	border-bottom: 1px solid var(--sqre-border) !important;
}

.sqre-list-header.sqre-is-stuck {
	position: fixed !important;
	top: var(--sqre-listhdr-top, 60px) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9989 !important;
	background: #fff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07) !important;
	margin: 0 !important;
	padding: 8px 20px !important;
	border-bottom: 1px solid var(--sqre-border) !important;
}

/* Placeholder divs inserted by JS to keep layout height when elements are fixed */
.sqre-sticky-placeholder {
	display: none;
}
.sqre-sticky-placeholder.sqre-is-active {
	display: block;
}

/* sqre-sort-in-bar / sqre-count-in-bar were removed — approach reverted */

/* ── Mobile map panel — styles that apply once it's on document.body ─────────
   JS moves .sqre-property-map-panel to body when the map view is active.
   position:fixed on a body child is always viewport-relative — no Elementor
   transform ancestor can trap it.
────────────────────────────────────────────────────────────────────────────── */
body.sqre-mobile-map-page {
	overflow: hidden !important; /* prevent footer / page content scrolling behind map */
}
body.sqre-mobile-map-page > .sqre-property-map-panel {
	display: block !important;
	position: fixed !important;
	inset: 0 0 64px 0 !important; /* 64px bottom = room for the toggle button */
	z-index: 9000 !important;
	overflow: hidden !important;
	background: #e8ecf0 !important; /* neutral while tiles load */
}
body.sqre-mobile-map-page > .sqre-property-map-panel .sqre-property-map {
	width:  100% !important;
	height: 100% !important;
}
/* Hide Elementor fixed footer nav so it doesn't float above the map */
body.sqre-mobile-map-page [data-elementor-type="footer"],
body.sqre-mobile-map-page .elementor-location-footer,
body.sqre-mobile-map-page footer.elementor-location-footer,
body.sqre-mobile-map-page #colophon,
body.sqre-mobile-map-page .site-footer {
	display: none !important;
}

/* ── Mobile Map ↔ List toggle button ────────────────────────────────────────
   Injected into document.body by JS on mobile only.
   Floats at the bottom-centre of the screen in both list and map views.
────────────────────────────────────────────────────────────────────────────── */
.sqre-mob-view-toggle {
	position: fixed;
	bottom: max(18px, env(safe-area-inset-bottom, 18px));
	left: 50%;
	transform: translateX(-50%);
	z-index: 9500;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 12px 26px;
	background: #1a2e4a;
	color: #fff;
	border: none;
	border-radius: 999px;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	cursor: pointer;
	box-shadow: 0 4px 18px rgba(0,0,0,0.32);
	touch-action: manipulation;
	/* Keep button above the map panel (z-index 8000) but below modals */
}
.sqre-mob-view-toggle:active {
	background: #243f63;
	transform: translateX(-50%) scale(0.97);
}
/* In map view, keep above the map panel (z-index 9000) */
body.sqre-mobile-map-page .sqre-mob-view-toggle {
	z-index: 9600 !important;
}

/* ── Units modal detail font — applied unconditionally across ALL screen sizes
   and all desktop breakpoints. Placed last to beat any upstream !important. ── */
.sqre-units-modal__body .sqre-property-card__detail,
.sqre-units-modal__body .sqre-property-card__detail span,
.sqre-units-modal__body .sqre-property-card__details .sqre-property-card__detail {
	font-size: 1.07rem !important;
	line-height: 1.5 !important;
}
.sqre-units-modal__body .sqre-property-card__address {
	display: none !important;
}
.sqre-units-modal__body .sqre-property-card__detail-icon,
.sqre-units-modal__body .sqre-property-card__detail-icon svg {
	width: 20px !important;
	height: 20px !important;
}
@media (min-width: 900px) {
	.sqre-units-modal__body .sqre-property-card__detail,
	.sqre-units-modal__body .sqre-property-card__detail span,
	.sqre-units-modal__body .sqre-property-card__details .sqre-property-card__detail {
		font-size: 1.07rem !important;
		line-height: 1.5 !important;
	}
	.sqre-units-modal__body .sqre-property-card__address {
		display: none !important;
	}
	.sqre-units-modal__body .sqre-property-card__detail-icon,
	.sqre-units-modal__body .sqre-property-card__detail-icon svg {
		width: 20px !important;
		height: 20px !important;
	}
}

/* ── Non-Students + Roommate Matching pages: in-page fixed-height section with internal list scroll ──
   The shortcode sits in normal document flow (page scrolls to it).
   Once reached, the section has a fixed height slightly taller than the viewport
   so the property list scrolls internally. After the section, the page continues
   normally (footer visible). All other pages are completely unaffected.
────────────────────────────────────────────────────────────────────────────── */
@media (min-width: 900px) {

	/* Body/html: normal page scroll */
	body:has(.sqre-preset-nonstudent),
	html:has(.sqre-preset-nonstudent),
	body:has(.sqre-preset-roommates),
	html:has(.sqre-preset-roommates) {
		overflow: auto !important;
	}

	/* Shortcode: static in page flow, fixed height slightly more than viewport */
	.sqre-preset-nonstudent,
	.sqre-preset-roommates {
		position: static !important;
		top: auto !important; left: auto !important;
		right: auto !important; bottom: auto !important;
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		height: calc(100vh + 80px) !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
		transform: none !important;
		z-index: auto !important;
		background: #fff !important;
	}

	/* Toolbar: pinned at top of section, shrinks to its height */
	.sqre-preset-nonstudent .sqre-property-toolbar,
	.sqre-preset-roommates .sqre-property-toolbar {
		position: static !important;
		flex-shrink: 0 !important;
		background: #eef2f8 !important;
		box-shadow: 0 2px 6px rgba(0,0,0,0.07) !important;
		border-bottom: 1px solid var(--sqre-border) !important;
		margin-bottom: 0 !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	/* Hide page heading */
	.sqre-preset-nonstudent .sqre-property-toolbar__heading,
	.sqre-preset-roommates .sqre-property-toolbar__heading {
		display: none !important;
	}

	/* Show the floating map toggle */
	.sqre-preset-nonstudent .sqre-map-toggle-btn--inline,
	.sqre-preset-roommates .sqre-map-toggle-btn--inline {
		display: inline-flex !important;
	}

	/* Layout: fills remaining height in the section */
	.sqre-preset-nonstudent .sqre-property-layout,
	.sqre-preset-roommates .sqre-property-layout {
		flex: 1 !important;
		min-height: 0 !important;
		height: auto !important;
		overflow: hidden !important;
		position: relative !important;
	}

	/* Map panel: fills layout height */
	.sqre-preset-nonstudent .sqre-property-map-panel,
	.sqre-preset-roommates .sqre-property-map-panel {
		position: static !important;
		height: 100% !important;
	}

	/* List panel: flex column, fills layout, internal scroll */
	.sqre-preset-nonstudent .sqre-property-list-panel,
	.sqre-preset-roommates .sqre-property-list-panel {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		overflow: hidden !important;
		padding-top: 0 !important;
	}

	/* List header: pinned inside list panel */
	.sqre-preset-nonstudent .sqre-list-header,
	.sqre-preset-roommates .sqre-list-header {
		flex-shrink: 0 !important;
		position: static !important;
		background: #fff !important;
		border-bottom: 1px solid var(--sqre-border) !important;
		box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
		padding: 5px 0 !important;
		margin-bottom: 0 !important;
	}

	/* Card list: scrolls internally through all properties */
	.sqre-preset-nonstudent .sqre-property-list,
	.sqre-preset-roommates .sqre-property-list {
		flex: 1 !important;
		overflow-y: auto !important;
		min-height: 0 !important;
		padding-bottom: 40px !important;
		scrollbar-width: thin;
		scrollbar-color: #d0d5dd transparent;
	}

	/* Undo the JS sqre-is-stuck class — not needed here */
	.sqre-preset-nonstudent .sqre-property-toolbar.sqre-is-stuck,
	.sqre-preset-nonstudent .sqre-list-header.sqre-is-stuck,
	.sqre-preset-roommates .sqre-property-toolbar.sqre-is-stuck,
	.sqre-preset-roommates .sqre-list-header.sqre-is-stuck {
		position: static !important;
	}

	/* Show footer after the section */
	body:has(.sqre-preset-nonstudent) [data-elementor-type="footer"],
	body:has(.sqre-preset-nonstudent) .elementor-location-footer,
	body:has(.sqre-preset-nonstudent) #colophon,
	body:has(.sqre-preset-nonstudent) .site-footer,
	body:has(.sqre-preset-nonstudent) footer.elementor-location-footer,
	body:has(.sqre-preset-roommates) [data-elementor-type="footer"],
	body:has(.sqre-preset-roommates) .elementor-location-footer,
	body:has(.sqre-preset-roommates) #colophon,
	body:has(.sqre-preset-roommates) .site-footer,
	body:has(.sqre-preset-roommates) footer.elementor-location-footer {
		display: block !important;
	}
}

/* Toolbar/list-header: never sticky on nonstudent or roommates pages (all screen sizes) */
.sqre-preset-nonstudent .sqre-property-toolbar,
.sqre-preset-nonstudent .sqre-property-toolbar.sqre-is-stuck,
.sqre-preset-nonstudent .sqre-list-header,
.sqre-preset-nonstudent .sqre-list-header.sqre-is-stuck,
.sqre-preset-roommates .sqre-property-toolbar,
.sqre-preset-roommates .sqre-property-toolbar.sqre-is-stuck,
.sqre-preset-roommates .sqre-list-header,
.sqre-preset-roommates .sqre-list-header.sqre-is-stuck {
	position: static !important;
	top: auto !important;
}




@media only screen and (max-width: 767px) {
	button.sqre-building-card__img-btn {
		width: 100%;
	}

	.sqre-property-list-panel {
		padding-right: 20px;
	}
}

/* ── Virtual Tour tab ── */
.sqre-virtual-tour {
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}
.sqre-virtual-tour iframe,
.sqre-virtual-tour video {
	width: 100%;
	min-height: 400px;
	display: block;
	border: 0;
}