/*
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.4.37
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");

/* Source-backed project facts: readable sections and lists on both languages. */
.imaar-project-facts h3 { font-size: 20px; line-height: 1.5; margin: 28px 0 12px; color: var(--imaar-primary,#0d4053); }
.imaar-project-facts h3:first-child { margin-top: 0; }
.imaar-project-facts p, .imaar-project-facts li { line-height: 1.9; }
.imaar-project-facts ul { padding-inline-start: 24px; margin-bottom: 20px; }
.imaar-project-facts li + li { margin-top: 8px; }
.imaar-project-facts .imaar-brochure-note { padding: 16px; background: #f5f2ee; border-inline-start: 3px solid var(--imaar-secondary,#917458); font-size: 14px; margin-top: 24px; }

/* Keep both native contact labels readable in the two project grids on phones. */
@media (max-width: 767px) {
  body.home .imaar-native-block #module_properties.row-cols-1 > .item-wrap-v9,
  body.page-id-19064 .imaar-native-block #module_properties.row-cols-1 > .item-wrap-v9 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .home .elementor-widget-houzez_elementor_properties .item-wrap-v9 > .item-wrap,
  .page-id-19064 .elementor-widget-houzez_elementor_properties .item-wrap-v9 > .item-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .home .item-wrap-v9 .item-buttons-wrap .d-none,
  .page-id-19064 .item-wrap-v9 .item-buttons-wrap .d-none {
    display: inline-block !important;
  }
}

/* GTranslate updates the page language without removing WordPress's RTL body class. */
html.translated-ltr body.rtl,
html.translated-ltr body.rtl .main-nav,
html.translated-ltr body.rtl .elementor-form-fields-wrapper {
  direction: ltr;
}

.imaar-schedule-closed .control__indicator {
  opacity: .42;
}

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

/* Keep area names and their city subtext on separate lines in both directions. */
.imaar-native-search .bootstrap-select .dropdown-menu { z-index: 1100; }
.imaar-native-search button { min-height: 44px !important; }
.imaar-native-search .bootstrap-select .dropdown-item {
  min-height: 44px !important;
  padding: 10px 14px;
  text-align: start;
}
.imaar-native-search .bootstrap-select .dropdown-item .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  max-width: 100%;
  white-space: normal;
  line-height: 1.5;
}
.imaar-native-search .bootstrap-select .text small {
  display: block;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: .85em;
  line-height: 1.4;
}
.imaar-native-search .bootstrap-select .filter-option-inner-inner {
  text-align: start;
  white-space: normal;
  line-height: 1.5;
}
.imaar-native-search .bootstrap-select .filter-option-inner-inner small { display: none; }
.imaar-native-search .bootstrap-select > .dropdown-toggle:focus-visible {
  outline: 2px solid var(--imaar-secondary,#917458);
  outline-offset: 2px;
}

/* Make the project type readable while preserving Houzez's contact card. */
.imaar-native-block .item-wrap-v9 .item-body .h-type,
.imaar-native-block .item-wrap-v9 .item-body .item-price-wrap { font-size: 16px; line-height: 1.6; }

/* Global Houzez header and footer refinements. */
@media (min-width: 992px) {
  #header-section.header-v4 .main-nav .navbar-nav {
    justify-content: center !important;
  }
}

#header-section.header-v4,
#header-mobile {
  box-shadow: 0 2px 8px rgba(13, 64, 83, 0.06);
}

#header-section.header-v4 .main-nav .current-menu-item > .nav-link,
#header-section.header-v4 .main-nav .current_page_item > .nav-link {
  color: var(--imaar-secondary,#917458);
  box-shadow: inset 0 -2px 0 var(--imaar-secondary,#917458);
}

.footer-wrap .footer-bottom-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

/* The agency uses one number for both Houzez phone fields. */
.property-contact-agent-wrap .agent-phone-wrap > .icon-mobile-phone,
.property-contact-agent-wrap .agent-phone-wrap > .icon-mobile-phone + .agent-phone {
  display: none;
}

.property-contact-agent-wrap .agent-image { flex: 0 0 110px; }
.property-contact-agent-wrap .agent-image img {
  display: block;
  width: 110px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 767px) {
  .property-contact-agent-wrap .agent-information { min-width: 0; max-width: 100%; }
  .property-contact-agent-wrap .agent-phone-wrap {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    gap: .25rem .45rem;
  }
  .property-contact-agent-wrap .agent-phone-wrap a { overflow-wrap: anywhere; unicode-bidi: plaintext; }
  .property-description-wrap a { overflow-wrap: anywhere; word-break: break-word; }
  .mobile-property-title h1.page-title-mobile { margin: 0; }
}

/* Keep protected IMAAR text in reading order after the live language switch. */
html.translated-ltr .imaar-home-hero__title,
html.translated-ltr .imaar-editorial,
html.translated-ltr .item-title { direction: ltr; }
.imaar-brand { unicode-bidi: isolate; }

/* Stable bilingual labels for the project summary. */
.imaar-label-en{display:none;}
html.translated-ltr .imaar-label-ar{display:none;}
html.translated-ltr .imaar-label-en{display:inline;}

/* Outrank Elementor image height:auto without clipping search dropdowns. */
.imaar-home-hero .imaar-home-hero__image{height:100%;}

/* Make the project location an explicit project-page link, including touch screens. */
.imaar-native-block .imaar-card-location-link{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:44px;margin-bottom:8px;color:var(--imaar-primary,#0d4053);text-decoration:underline;text-underline-offset:4px;}
.imaar-card-location-link .item-address{margin-bottom:0!important;color:inherit;}
.imaar-card-location-hint{font-size:13px;font-weight:600;}
.imaar-card-location-link:hover{color:#70543b;}
.imaar-card-location-link:focus-visible{outline:2px solid var(--imaar-secondary,#917458);outline-offset:4px;}

/* Previous projects are a portfolio, with navigation instead of sales contact controls. */
.imaar-card-previous>.item-wrap{border:1px solid #dfd5c9;border-top:3px solid var(--imaar-secondary,#917458);border-radius:6px;overflow:hidden;background:#fff;}
.imaar-card-previous .item-header{position:relative;width:100%;}
.imaar-card-previous .listing-featured-thumb{display:block;aspect-ratio:4/3;}
.imaar-card-previous .listing-featured-thumb img{width:100%;height:100%;object-fit:cover;}
.imaar-portfolio-badge{position:absolute;z-index:2;inset-inline-start:16px;top:16px;padding:6px 12px;background:#fff;color:#624c36;border:1px solid #c3ad95;border-radius:4px;font-size:13px;font-weight:700;line-height:1.5;}
.imaar-card-previous .item-body{padding:20px 20px 8px;}
.imaar-card-previous .item-title{font-size:21px;line-height:1.5;}
.imaar-card-previous .h-type{color:#70543b;}
.imaar-card-previous .item-footer{width:100%;padding:8px 20px 16px;border-top:1px solid #eee7df;}
.imaar-portfolio-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:var(--imaar-primary,#0d4053);font-weight:700;text-decoration:underline;text-underline-offset:4px;}
.imaar-portfolio-link:hover{color:#70543b;}
.imaar-portfolio-link:focus-visible{outline:2px solid var(--imaar-secondary,#917458);outline-offset:4px;}

/* Native project attachments in their own section, before the description. */
.imaar-project-documents{scroll-margin-top:100px;}
.imaar-project-documents .block-wrap{border:1px solid #dfd5c9;border-top:3px solid var(--imaar-secondary,#917458);}
.imaar-project-documents h2{color:var(--imaar-primary,#0d4053);}
.imaar-document-intro{margin:0 0 20px;color:#55646a;line-height:1.7;}
.imaar-document-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.imaar-document-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#f7f6f3;border:1px solid #e4dfd7;border-radius:6px;}
.imaar-document-info{display:flex;align-items:center;gap:16px;min-width:0;}
.imaar-document-icon{flex:0 0 44px;width:44px;height:52px;color:var(--imaar-secondary,#917458);}
.imaar-document-title{font-size:18px;line-height:1.6;margin:0 0 4px;color:var(--imaar-primary,#0d4053);overflow-wrap:anywhere;}
.imaar-document-meta{font-size:13px;line-height:1.6;color:#55646a;margin:0;}
.imaar-document-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;}
.imaar-project-documents .imaar-document-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--imaar-primary,#0d4053);border-radius:4px;background:var(--imaar-primary,#0d4053);color:#fff;font-weight:600;text-decoration:none;}
.imaar-project-documents .imaar-document-view{background:#fff;color:var(--imaar-primary,#0d4053);}
.imaar-project-documents .imaar-document-action:hover{background:#173643;color:#fff;}
.imaar-document-action:focus-visible{outline:3px solid var(--imaar-secondary,#917458);outline-offset:3px;}
@media(max-width:767px){.imaar-document-row{align-items:stretch;flex-direction:column;padding:16px;gap:16px;}.imaar-document-actions{width:100%;}.imaar-document-action{flex:1 1 120px;}.imaar-document-title{font-size:17px;}.imaar-project-documents{scroll-margin-top:84px;}}

/* Preserve the official logo proportions in native listing contact dialogs. */
.item-listing-wrap .agent-details .agent-image img { width: 70px; height: auto; object-fit: contain; }
.item-tools [role="button"]:focus-visible { outline: 3px solid #917458; outline-offset: 3px; }

/* Buyer essentials from the native project record, with no duplicate data store. */
.imaar-native-block .item-wrap-v9>.item-wrap{border:1px solid #d6e0e2;background:#fff;box-shadow:0 12px 40px rgba(13,64,83,.04);overflow:hidden}
.imaar-native-block .item-wrap-v9 .item-header{width:100%}
.imaar-native-block .item-wrap-v9 .item-body{padding:22px!important;min-width:0}
.imaar-native-block .item-wrap-v9 .h-type{color:var(--imaar-secondary,#917458);font-weight:600}
.imaar-native-block .item-wrap-v9 .item-title{font-size:22px;line-height:1.5;margin-bottom:12px!important;overflow-wrap:anywhere}
.imaar-native-block .item-wrap-v9 .item-price-wrap{margin-bottom:14px}.imaar-native-block .item-wrap-v9 .item-price{font-size:19px;font-weight:600;color:var(--imaar-primary,#0d4053)}
.imaar-card-facts{margin:14px 0 0;padding-top:14px;border-top:1px solid #e2e9eb;font-size:14px;line-height:1.8}.imaar-card-facts>div+div{margin-top:10px}.imaar-card-facts dt{font-weight:600;color:var(--imaar-primary,#0d4053);font-size:13px}.imaar-card-facts dd{margin:2px 0 0;color:#50636c;overflow-wrap:anywhere}
.imaar-card-availability{border-top:1px solid #e2e9eb;padding-top:12px;margin:14px 0 0;color:#50636c;font-size:13px;line-height:1.8}
.imaar-native-block .imaar-card-previous>.item-wrap{border-color:#dfd5c9;border-top:3px solid var(--imaar-secondary,#917458)}
.imaar-native-block .item-wrap-v9 .item-footer{width:100%;padding:16px 22px;border-top:1px solid #e2e9eb}
@media(max-width:767px){.imaar-native-block .item-wrap-v9 .item-body{padding:18px!important}.imaar-native-block .item-wrap-v9 .item-title{font-size:20px}.imaar-native-block .item-wrap-v9 .item-footer{padding:14px 18px}}

/* Readable search placeholders and about CTA on the home page. */
body.home .imaar-native-search input::placeholder{color:#42545c!important;opacity:1}
body.home .imaar-opening input.form-control{color:#17343f!important}
body.home .imaar-map-btn{background:#0d4053;color:#fff}
body.home .imaar-map-btn:hover{background:#173643;color:#fff}

/* Mobile project contact shortcuts: WhatsApp and phone, with centered icons. */
@media(max-width:991.98px){
 body.single-property #main-wrap .mobile-property-contact button.btn[data-bs-target="#mobile-property-form"]{display:none!important}
 body.single-property .mobile-property-contact a.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;margin-inline-start:8px;padding:0;line-height:1;border-radius:8px}
 body.single-property .mobile-property-contact a.btn .houzez-icon{display:block;font-size:25px;line-height:1;width:25px;height:25px;margin:0;position:static}
 body.single-property .mobile-property-contact a.btn:focus-visible{outline:3px solid #0d4053;outline-offset:2px}
}