/* 
Theme Name: Houzez Child
Theme URI: http://localhost/coldwellf/
Description: Child theme for Houzez custom Elementor work.
Author: Codex
Template: houzez
Version: 1.0.0
Text Domain: houzez-child
*/

.hz-item-gallery-js .item-header,
.hz-item-gallery-js .listing-image-wrap,
.hz-item-gallery-js .listing-gallery-wrap,
.hz-item-gallery-js .houzez-listing-carousel {
	position: relative;
}

.hz-item-gallery-js .houzez-listing-carousel .slick-prev,
.hz-item-gallery-js .houzez-listing-carousel .slick-next {
	position: absolute;
	top: 50%;
	z-index: 6;
	transform: translateY(-50%);
	margin-top: 0;
}

.hz-item-gallery-js .houzez-listing-carousel .slick-prev {
	left: 10px;
	right: auto;
}

.hz-item-gallery-js .houzez-listing-carousel .slick-next {
	right: 10px;
	left: auto;
}

.home .coldwell-apartment-types-section .taxonomy-context-coldwell_apartment_types_home .slick-dots {
	display: flex !important;
	align-items: center;
	gap: 10px;
}

.home .coldwell-apartment-types-section .taxonomy-context-coldwell_apartment_types_home .slick-dots li {
	margin: 0;
	width: 10px;
	height: 10px;
}

.home .coldwell-apartment-types-section .taxonomy-context-coldwell_apartment_types_home .slick-dots li button {
	position: relative;
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: transparent;
}

.home .coldwell-apartment-types-section .taxonomy-context-coldwell_apartment_types_home .slick-dots li button::before {
	content: "\2022" !important;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 10px !important;
	height: 10px !important;
	font-size: 10px !important;
	line-height: 10px !important;
	text-align: center;
	color: #d4d8e1 !important;
	opacity: 1 !important;
}

.home .coldwell-apartment-types-section .taxonomy-context-coldwell_apartment_types_home .slick-dots li.slick-active button::before {
	color: #173c88 !important;
	opacity: 1 !important;
}

.elementor-10 .elementor-element.elementor-element-ab1c2d42 .slick-dots {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	left: 50% !important;
	right: auto !important;
	bottom: -22px !important;
	width: auto !important;
	transform: translateX(-50%) !important;
}

.elementor-10 .elementor-element.elementor-element-ab1c2d42 .slick-dots li {
	margin: 0;
	width: 10px;
	height: 10px;
}

.elementor-10 .elementor-element.elementor-element-ab1c2d42 .slick-dots li button {
	position: relative;
	width: 10px;
	height: 10px;
	padding: 0;
}

.elementor-10 .elementor-element.elementor-element-ab1c2d42 .slick-dots li button:before {
	top: 0 !important;
	left: 0 !important;
	width: 10px !important;
	height: 10px !important;
	font-size: 10px !important;
	line-height: 10px !important;
	color: #d4d8e1 !important;
	opacity: 1 !important;
}

.elementor-10 .elementor-element.elementor-element-ab1c2d42 .slick-dots li.slick-active button:before {
	color: #173c88 !important;
	opacity: 1 !important;
}

/* ============================================================
   CUSTOM VIEW ALL LINKS - ID BASED (BUSINESS GRADE)
   ============================================================ */

/* 1. DISCOVER LUXURY PROPERTIES (DARK SECTION) */
.elementor-element-07002b9 .property-carousel-buttons-wrap a.btn-view-all,
.elementor-element-07002b9 .property-carousel-buttons-wrap a.btn-view-all i,
.elementor-element-07002b9 .property-carousel-buttons-wrap a.btn-view-all::after {
    color: #FFFFFF !important;
    opacity: 1 !important;
    fill: #FFFFFF !important;
}

/* 2. DISCOVER OUR FEATURED LISTINGS (LIGHT SECTION) */
.elementor-element-30e331f .property-carousel-buttons-wrap a.btn-view-all,
.elementor-element-30e331f .property-carousel-buttons-wrap a.btn-view-all i,
.elementor-element-30e331f .property-carousel-buttons-wrap a.btn-view-all::after {
    color: #222222 !important; /* Dark color */
    opacity: 1 !important;
    fill: #222222 !important;
}

/* Hover States */
.elementor-element-07002b9 .property-carousel-buttons-wrap a.btn-view-all:hover {
    color: #FFFFFF !important;
    opacity: 0.8 !important;
}

.elementor-element-30e331f .property-carousel-buttons-wrap a.btn-view-all:hover {
    color: #00335A !important; /* Theme blue hover */
}
