/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Child theme of Hello Elementor for MI Properties
 Author:       MI Properties
 Author URI:   https://miproperties.pk
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/* Smooth scroll */
html {
	scroll-behavior: smooth;
}

body .es-powered {
	display: none;
}

/* Header transitions - smooth on scroll */
header,
header .elementor-widget-container,
header .mi-props-nav .menu-item a {
	transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

/* Logo smooth crossfade - white logo overlays colored */
.mi-props-white-logo,
.mi-props-colored-logo {
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Header style: Transparent vs Default */

/* Transparent header - overlays content */
body.header-transparent header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
	background-color: transparent;
	box-shadow: none;
}

/* Default header - solid from start */
body.header-default header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
	background-color: #fff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.mi-trusted-partner .single-client {
	box-shadow: none !important;
}

.mi-properties-search-bar form {
	justify-content: center;
}

.mi-properties-search-bar .es-search-nav-wrap,
.mi-properties-search-bar .js-es-search-nav__single-item,
.mi-properties-search-bar button[type="submit"] {
	margin: 0 !important;
	border: 0 !important;
}

.mi-properties-search-bar .es-search-nav-wrap,
.mi-properties-search-bar .js-es-search-nav__single-item {
	border-radius: 0 !important;
}

.mi-properties-search-bar button[type="submit"] {
	background: #B6983A !important;
	border: 1px solid #B6983A !important;
	height: auto;
	width: 80px;
}

.mi-properties-search-bar .js-es-search-nav__single-item {
	width: 150px;
}

.js-es-search-nav__single-item[data-placeholder="Type"] {
	border-radius: 16px 0 0 16px !important;
	border: 1.356px solid #949494 !important;
}

.js-es-search-nav__single-item[data-placeholder="Area"],
.js-es-search-nav__single-item[data-placeholder="Price"] {
	border-bottom: 1.356px solid #949494 !important;
	border-top: 1.356px solid #949494 !important;
	border-right: 1.356px solid #949494 !important;
}

.mi-properties-search-bar .es-search--simple .es-search-nav.es-search-nav--dropdowns>li {
	font-size: 12px;
}

.mi-properties-search-bar .es-search-nav {
	margin: 0 !important;
}

.mi-properties-search-bar .es-btn--search {
	border-radius: 0 16px 16px 0 !important;
}

.mi-properties-search-bar .es-field .es-field__label,
.mi-properties-search-bar .es-field label,
.mi-properties-search-bar .select2-selection--single .select2-selection__rendered {
	font-size: 12px !important;
}

/* Transparent header: scrolled state - white background + shadow */
body.body-scrolled.header-transparent header {
	background-color: #fff !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Default header: scrolled state - stronger shadow */
body.body-scrolled.header-default header {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Logo swap - smooth opacity crossfade (white overlays colored) */
.mi-props-white-logo {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.mi-props-colored-logo {
	opacity: 1;
	visibility: visible;
}


/* Transparent header, not scrolled: white logo + white menu */
body:not(.body-scrolled).header-transparent .mi-props-white-logo {
	opacity: 1;
	visibility: visible;
}

body:not(.body-scrolled).header-transparent .mi-props-colored-logo {
	opacity: 0;
	visibility: hidden;
}

@media(min-width: 1024px) {
	body:not(.body-scrolled).header-transparent .mi-props-nav .menu-item a {
		color: #fff !important;
	}
}

/* Scrolled: colored logo + dark menu (both header types) */
body.body-scrolled .mi-props-white-logo {
	opacity: 0;
	visibility: hidden;
}

body.body-scrolled .mi-props-colored-logo {
	opacity: 1;
	visibility: visible;
}

body.body-scrolled .mi-props-nav .menu-item a {
	color: #333 !important;
}

.mi-props-main-properties .properties .es-listing {
	background: #F8F8F8;
	padding: 20px;
	border-radius: 30px;
}

.mi-props-main-properties .es-listing__image .slick-slide img,
.mi-props-main-properties .es-listing__image__background {
	border-radius: 20px;
}

.mi-props-main-properties svg path {
	fill: #000;
}

.mi-props-main-properties .es-btn.es-btn--icon {
	background: none !important;
}

.mi-properties-card .es-view-all a {
	font-family: "Manrope", Sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
	background-color: var(--e-global-color-accent) !important;
	border: none;
	color: #fff !important;
	height: auto;
	padding: 12px 50px;
}

@media(max-width: 1024px) {}

@media(max-width: 749px) {
	.mi-properties-search-bar .js-es-search__collapse-link {
		background: #fff !important;
		color: #000 !important;
		flex-grow: 1;
		border-radius: 0 !important;
		border: none !important;
		padding: 12px 20px !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1.4em !important;
		text-align: center !important;
		margin: 0;
		text-transform: uppercase;
	}

	.mi-properties-search-bar form {
		justify-content: center;
		flex-direction: row;
		flex-wrap: nowrap !important;
		margin: 0 !important;
	}

	.mi-properties-search-bar button[type="submit"] {
		width: 20% !important;
		border-radius: 0 !important;
	}

	.mi-properties-search-bar .es-search-nav-wrap {
		background: #Fff;
		position: absolute;
		z-index: 1;
		top: 35px;
		left: 0;
		right: 0;
		padding: 0;
		margin: 0 !important;
	}

	.mi-properties-search-bar .es-btn--search {
		padding: 4px 20px !important;
	}

	.mi-properties-search-bar .es-search--simple .es-search-nav.es-search-nav--dropdowns.es-search-nav--show+.es-search__collapse-link,
	.mi-properties-search-bar .js-es-remove-filters {
		display: none !important;
	}

	.mi-properties-search-bar .es-search--simple .es-search-nav.es-search-nav--dropdowns>li {
		border: none !important;
		padding: 0px 15px;
	}

	.mi-properties-search-bar .es-field--checkbox-item-bordered input:checked+label {
		border-color: #000 !important;
	}

	.mi-properties-search-bar .es-icon_check-mark:before {
		font-size: 20px;
		color: #000;
	}

	.mi-properties-search-bar .es-search-nav {
		border: 1px solid #000 !important;
	}
}