/*
 * mlsimport-public.css
 * Shared public-facing stylesheet for imported MLS listings. Contains small,
 * theme-agnostic image/sizing tweaks that normalise how imported property
 * photos render across the supported themes (Real Homes, WpEstate, Houzez) and
 * on the map infobox popups. Grouped by target theme/component below.
 */

/* Constrain the listing thumbnail image to the full width of its wrapper. */
.listing-image-wrap .listing-thumb .img-fluid {
	width: 100%;
}

/* Real Homes: cap flexslider gallery slide height. */

/*// real homes*/
.flexslider .slides img {
	max-height: 700px;
}

/* Fixed width for property-item card images. */
.property-item img {
	width: 488px;
}

/* WPestate: cap the main single-listing carousel slide height. */

/*
WPestate*/
#carousel-listing .slick-slide img {
	max-height: 550px;
}

/* WPestate: cap the carousel navigation thumbnail height. */
#carousel-listing-nav img {
	max-height: 90px;
}

/* Map infobox popup: photo/text alignment tweaks. */

/*mlsimport infobox photo alignment*/

/* Infobox title font size (id selector). */
#infobox_title {
	font-size: 13px;
}

/* Infobox price text size (forced over theme styles). */
.prop_pricex {
	font-size: 13px !important;
}

/* Ensure the infobox image keeps a minimum height. */
.infobox_wrapper_image img {
	min-height: 85px;
}

/* Fixed height for the infobox title block. */
.infobox_title {
	height: 30px;
}

/* Imported listing cards: float image left and cap its height. */

/*mlsimport imported listings photos alignment*/
.property_listing .listing-unit-img-wrapper, .property_listing .carousel {
	float: left;
	max-height: 230px;
}

/* Houzez-specific overrides below. */

/*===houzez*/

/* PhotoSwipe lightbox tweaks. */

/*photoswipe*/

/* Neutralise PhotoSwipe zoom scaling (forced). */
.pswp__zoom-wrap {
	transform: scale(1) !important;
}

/* Centre the PhotoSwipe image within the viewport. */
.pswp__img {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
}

/* Houzez unit/listing cards. */

/*unit cards*/

/* Fixed-height card header with hidden overflow on a black backdrop. */
.item-header {
	height: 200px;
	overflow: hidden;
	background: black;
	width: 100%;
}

/* Card thumbnail: fill the fixed 200px header, cropping to cover. */
.listing-image-wrap .listing-thumb .img-fluid {
	width: 100%;
	height: 200px;
	object-fit: cover;
}