/*
Theme Name: Houzez Child (WPVibe Draft)
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/

/* Parent style is enqueued from functions.php (no @import). */

/* Views: Font Awesome eye next to counts */
.post-views .fa-eye,
.post-views-icon.fa-eye,
.property-views .fa-eye,
.views-icon .fa-eye {
	margin-inline-end: 0.35em;
	vertical-align: -0.05em;
	font-size: 0.95em;
	line-height: 1;
}

.property-views {
	align-items: center;
	gap: 0.25rem;
}

.views-icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

/* Your CSS code goes here
-------------------------------------- */

/* Closed overlays should never steal taps */
.overlay-search-advanced-module:not(.open),
.houzez-overlay-loading.houzez-hidden {
	pointer-events: none !important;
}

/* LiteSpeed UCSS drops .show rules (they are not in the first paint). */
.dropdown-menu.show,
.item-tool-dropdown-menu.show {
	display: block !important;
}

.houzez-share {
	position: relative;
	z-index: 6;
}

.houzez-share .item-tool-dropdown-menu.show {
	position: absolute;
	top: calc(100% + 4px);
	inset-inline-end: 0;
	inset-inline-start: auto;
	z-index: 1060;
	min-width: 180px;
	pointer-events: auto !important;
}

.item-tool-dropdown-menu a.dropdown-item {
	pointer-events: auto !important;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.item-tool-favorite .text-danger,
.remove_fav .houzez-icon,
.houzez-icon.text-danger {
	color: #dc3545 !important;
}

.item-tool-share.dropdown-toggle:after {
	display: none !important;
}

.mobile-property-tools,
.mobile-property-tools .property-item-tools,
.mobile-property-tools .item-tool {
	position: relative;
	z-index: 6;
}

.mobile-property-tools .item-tool > span {
	pointer-events: auto;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Similar listings: don't stack all gallery images before Slick */
#similar-listings-wrap .houzez-listing-carousel:not(.slick-initialized) > .slide-img:not(:first-child),
.similar-property-wrap .houzez-listing-carousel:not(.slick-initialized) > .slide-img:not(:first-child) {
	display: none !important;
}

@media (max-width: 991px) {
	#similar-listings-wrap .listing-image-wrap,
	.similar-property-wrap .listing-image-wrap {
		aspect-ratio: 4 / 3;
		overflow: hidden;
	}

	#similar-listings-wrap .listing-image-wrap img,
	.similar-property-wrap .listing-image-wrap img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* Custom property views: keep the eye icon visible even if Font Awesome fails to paint the glyph. */
.property-views .views-icon .fa-solid.fa-eye {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	font-size: 0 !important;
	line-height: 16px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 16px 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M12 5C6.5 5 2.2 8.5 1 12c1.2 3.5 5.5 7 11 7s9.8-3.5 11-7c-1.2-3.5-5.5-7-11-7Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2.2A1.8 1.8 0 1 0 12 10a1.8 1.8 0 0 0 0 3.6Z'/%3E%3C/svg%3E") !important;
}

/* Ensure offcanvas/menus are usable on mobile */
@media (max-width: 991px) {
	.offcanvas.show {
		visibility: visible;
		transform: none;
		z-index: 1045;
	}

	.offcanvas-backdrop {
		z-index: 1040;
	}

	.header-mobile,
	.header-mobile .btn {
		position: relative;
		z-index: 1050;
	}
}