/* Map lot popup: compact card + photo slider (1 exterior + 4 interior).
   The #id selectors outrank the Elementor widget CSS on the [lot_on_map] shortcode. */

#choose_house_info {
	width: 264px;
	padding: 14px 16px 14px;
	box-shadow: 0 10px 30px rgba(14, 11, 23, 0.35);
}

#choose_house_info .choose_house_info_title p {
	font-size: 22px !important;
	line-height: 1.2;
	padding-right: 16px;
	padding-left: 16px;
}

#choose_house_info .choose_house_info_lot_address:empty {
	display: none;
}

#choose_house_info .choose_house_info_title {
	border-bottom: 1px solid #f8a42e;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

#choose_house_info .choose_house_info_content .status,
#choose_house_info .choose_house_info_content .price {
	align-items: baseline;
	padding: 2px 0;
}

#choose_house_info .choose_house_info_content p {
	font-size: 15px !important;
	line-height: 1.35;
	margin: 0;
}

#choose_house_info .choose_house_info_content .status p:first-child,
#choose_house_info .choose_house_info_content .price p:first-child {
	flex: 0 0 72px;
	color: #656268;
}

#choose_house_info .choose_house_info_content .status p:last-child,
#choose_house_info .choose_house_info_content .price p:last-child {
	flex: 1 1 auto;
}

#choose_house_info .close {
	width: 32px;
	height: 32px;
	z-index: 3;
}

#choose_house_info .close .mfp-close {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 22px;
}

#choose_house_info a {
	margin-top: 10px;
	padding: 6px;
}

/* slider */

#choose_house_info .vh-lotslider {
	position: relative;
	margin-top: 10px;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #ece9f1;
}

#choose_house_info .vh-lotslider[hidden] {
	display: none;
}

#choose_house_info .vh-lotslider__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.45s ease;
}

#choose_house_info .vh-lotslider__slide.is-active {
	opacity: 1;
}

#choose_house_info .vh-lotslider__label {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 2px 7px;
	background: rgba(39, 37, 46, 0.72);
	color: #fff;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.5;
	pointer-events: none;
}

#choose_house_info .vh-lotslider__nav {
	position: absolute;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.85);
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s ease;
}

#choose_house_info .vh-lotslider__nav::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border-top: 2px solid #2b2930;
	border-right: 2px solid #2b2930;
}

#choose_house_info .vh-lotslider__nav--prev {
	left: 6px;
}

#choose_house_info .vh-lotslider__nav--prev::before {
	transform: translate(-30%, -50%) rotate(-135deg);
}

#choose_house_info .vh-lotslider__nav--next {
	right: 6px;
}

#choose_house_info .vh-lotslider__nav--next::before {
	transform: translate(-70%, -50%) rotate(45deg);
}

#choose_house_info .vh-lotslider:hover .vh-lotslider__nav {
	opacity: 1;
}

#choose_house_info .vh-lotslider__dots {
	position: absolute;
	right: 0;
	bottom: 7px;
	left: 0;
	display: flex;
	justify-content: center;
	gap: 5px;
	pointer-events: none;
}

#choose_house_info .vh-lotslider__dots span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	transition: background 0.2s ease, transform 0.2s ease;
}

#choose_house_info .vh-lotslider__dots span.is-active {
	background: #f8a42e;
	transform: scale(1.25);
}

#choose_house_info .vh-lotslider.is-single .vh-lotslider__nav,
#choose_house_info .vh-lotslider.is-single .vh-lotslider__dots {
	display: none;
}

/* touch: arrows always visible, the popup sits in the middle of the screen */
@media (hover: none), (max-width: 991px) {
	#choose_house_info {
		width: min(300px, calc(100vw - 32px));
	}

	/* fixed in the middle of the screen: above the map and the Premium Lots panel */
	#choose_house_info[style*="visible"] {
		z-index: 1000 !important;
	}

	#choose_house_info .vh-lotslider__nav {
		opacity: 1;
	}
}

/* address present: it already draws the divider */
#choose_house_info .choose_house_info_title:has(+ .choose_house_info_lot_address:not(:empty)) {
	border-bottom: 0;
	margin-bottom: 0;
}