/*
Theme Name: Houzez Child
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
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */

/* Restore strong keyboard focus indicators removed by parent theme styles. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
.nav-link:focus-visible,
.btn:focus-visible {
	outline: 3px solid #0a58ca !important;
	outline-offset: 2px;
	box-shadow: none !important;
}

/* Keep icon controls readable on light backgrounds. */
.btn-email,
.btn-email button,
.lightbox-tools .btn-link {
	color: #4a4a4a;
}

/* Improve affordance of icon-only action buttons. */
.property-item-tools button,
.btn-expand {
	border: 0;
	background: transparent;
	padding: 0;
}

/* Accessible read-more pattern used in description templates. */
.houzez-more-details .houzez-read-more-link {
	cursor: pointer;
	color: var(--bs-link-color, #0d6efd);
}

.houzez-more-details > summary {
	list-style: none;
}

.houzez-more-details > summary::-webkit-details-marker {
	display: none;
}

/* Improve contrast on buttons called out by Lighthouse. */
.schedule_contact_form.btn.btn-secondary,
.close-compare-panel.btn.btn-grey-outlined,
#compare-property-panel .compare-btn {
	color: #ffffff;
	background-color: #0B6230;
	border-color: #0B6230;
}

.close-compare-panel.btn.btn-grey-outlined:hover,
.close-compare-panel.btn.btn-grey-outlined:focus-visible,
.schedule_contact_form.btn.btn-secondary:hover,
.schedule_contact_form.btn.btn-secondary:focus-visible {
	background-color: #0B6230;
	border-color: #0B6230;
	color: #ffffff;
}

#compare-property-panel,
#compare-property-panel p,
#compare-property-panel .compare-label,
#compare-property-panel .compare-count {
	color: #1e2b38;
}

/* Make inline legal links distinguishable beyond color alone. */
.gdpr-text-wrap a {
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 600;
}

/* Enforce minimum touch-target size for listing action controls and labels. */
.item-tools .item-tool-favorite,
.item-tools .item-tool-compare,
.item-tools .item-tool-preview,
.item-buttons-wrap .btn-item,
.mobile-property-contact .btn,
.label-status,
.item-title a.hover-effect,
.item-title a {
	min-height: 44px;
	min-width: 44px;
}

.item-tools .item-tool-favorite,
.item-tools .item-tool-compare,
.item-tools .item-tool-preview {
	border: 0;
	background: transparent;
	padding: 10px;
	line-height: 1;
}

.label-status,
.hz-label {
	display: inline-flex;
	align-items: center;
	padding: 0.4rem 0.65rem;
	line-height: 1.2;
}

.mobile-property-contact .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Keep favorite/share controls finger-friendly in cards and property pages. */
.property-item-tools .item-tool button,
.property-item-tools .item-tool a,
.item-tools .item-tool button,
.item-tools .item-tool a {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	line-height: 1;
}

.property-item-tools .item-tool + .item-tool,
.item-tools .item-tool + .item-tool {
	margin-left: 4px;
}