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

/* --------------------------------------
   ILA – Header right group + UI tweaks
   (pulito, senza doppioni)
-------------------------------------- */

/* =========================
   SELL WITH US – button
   ========================= */
.btn-create-listing{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  height:53px;
  padding:0 18px;

  background-color:#7E0048;
  color:#ffffff;

  border:none;
  border-radius:10px !important;

  font-size:14px;
  font-weight:600;
  letter-spacing:0.5px;
  text-transform:uppercase;
  line-height:1;
}

.btn-create-listing:hover{
  background-color:#69003C;
  color:#ffffff;
}

/* Favorites label: no uppercase */
.header-v4 .ila-favorite-link .ila-fav-label{
  text-transform:none !important;
}

/* =========================
   Right header group spacing (DESKTOP only)
   - non tocca mobile
   ========================= */
@media (min-width: 768px){
  .header-v4 .login-register.on-hover-menu .login-register-nav{
    display:inline-flex;
    align-items:center;
    gap:16px;          /* Figma */
    padding:0;
    margin:0;
    list-style:none;
  }

  .header-v4 .login-register.on-hover-menu .login-register-nav > li{
    display:inline-flex;
    align-items:center;
    margin:0;
    padding:0;
  }

  /* micro-gap icon + text (Favorites) */
  .header-v4 .login-register.on-hover-menu .favorite-btn{
    display:inline-flex;
    align-items:center;
    gap:4px;           /* Figma */
    line-height:1;
  }
}

/* =========================
   Currency switcher (single source of truth)
   ========================= */
.header-v4 .ila-currency,
.header-v4 .ila-currency .currency-switcher-wrap{
  display:inline-flex;
  align-items:center;
}

/* currency button (53px) */
.header-v4 .ila-currency .btn.dropdown-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;

  height:53px;
  padding:18px 16px;

  background:transparent;
  color:#ffffff;

  border:1px solid rgb(255, 255, 255);
  border-radius:10px !important;

  font-size:14px;
  font-weight:600;
  line-height:1;

  box-shadow:none;
}

/* Fix dropdown currency in header (on-hover-menu lo rende invisibile) */
.login-register .ila-currency .dropdown-menu.show{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* evita posizionamenti strani (bottom:-140px ecc.) */
.login-register .ila-currency .dropdown-menu{
  bottom:auto !important;
  top:100% !important;
}

/* =========================
   Currency dropdown: lista verticale + cliccabile
   ========================= */
#hz-currency-switcher-list{
  display:flex !important;
  flex-direction:column !important;
  gap:6px;

  min-width:66px;
  padding:8px !important;

  background: rgba(0,0,0,0.45); /* oppure rgba(255,255,255,0.10) */
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.20);
  border-radius: 10px;
}

/* ogni voce: full width e con area click */
#hz-currency-switcher-list > li{
  display:flex !important;
  align-items:center;
  justify-content:center;

  width:100%;
  height:36px;

  padding:0 !important;
  margin:0 !important;

  border-radius:8px;
  cursor:pointer;
  user-select:none;

  /* tipografia/size simboli */
  font-size:18px;
  font-weight:700;
  color:#fff;

  /* se il tema mette float o inline */
  float:none !important;
}

/* hover chiaro (coerente col tuo “glass”) */
#hz-currency-switcher-list > li:hover{
  background: rgba(255,255,255,0.12);
}

/* =========================
   HOTFIX sticky header (sicurezza)
   ========================= */
.header-v4.header-sticky .login-register-nav,
.header-v4.sticky-header .login-register-nav,
.header-v4.is-sticky .login-register-nav{
  display:inline-flex !important;
}

.header-v4.header-sticky .login-register-nav > li,
.header-v4.sticky-header .login-register-nav > li,
.header-v4.is-sticky .login-register-nav > li{
  display:inline-flex !important;
}

/* =========================
   Price range
   ========================= */
.houzez-ele-price-slider{
  display:flex;
  align-items:center;
  gap:20px;
}

.houzez-ele-price-slider .range-text{
  white-space:nowrap;
  font-size:14px;
  line-height:1;
}

.houzez-ele-price-slider .price-range-wrap{
  flex:1;
}

@media (max-width: 767px){
  .houzez-ele-price-slider{
    flex-direction:column;
    align-items:stretch;
  }

  .houzez-ele-price-slider .range-text{
    margin-bottom:10px;
  }
}

/* =========================
   Elementor card wrapper – radius 10px
   ========================= */
.elementor-16519 .elementor-element.elementor-element-f7b5fc8 > .elementor-element-populated{
  border-radius:10px !important;
  overflow:hidden; /* necessario per far rispettare il radius a figli/ombre interne */
}

/* =========================
   Search tabs (stabile, replica “corretto”)
   Richiede:
   - classe "ila-search-col" sulla COLONNA Elementor
   - classe "ila-search-tabs-widget" sul WIDGET HTML delle tabs
   ========================= */

/* anchor stabile */
.elementor-16519 .ila-search-col > .elementor-widget-wrap{
  position: relative;
}

/* posiziona IL WIDGET*/
.elementor-16519 .ila-search-col .ila-search-tabs-widget{
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  margin: 0 !important;
}

/* elimina spazi del widget container */
.elementor-16519 .ila-search-col .ila-search-tabs-widget .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
}

/* tabs: SOLO layout/stile (non absolute) */
.elementor-16519 .ila-search-col .ila-search-tabs{
  display: flex !important;
  gap: 10px !important;
  margin: 0 !important;
}

.elementor-16519 .ila-search-col .ila-search-tabs .ila-tab{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:44px !important;
  width:84px !important;
  padding:0 17px !important;

  border-radius:10px 10px 0 0 !important;

  font-family: Manrope, sans-serif !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1 !important;
  text-transform:uppercase !important;

  text-decoration:none !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

/* BUY attivo */
.elementor-16519 .ila-search-col .ila-search-tabs .ila-tab.is-active{
  background:#ffffff !important;
  color:#7E0048 !important;
  border-color: rgba(0,0,0,.08) !important;
}

/* SELL inattivo */
.elementor-16519 .ila-search-col .ila-search-tabs .ila-tab.ila-tab-sell{
  background: rgba(255,255,255,.22) !important;
  color:#ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}

/* SELL hover inverso */
.elementor-16519 .ila-search-col .ila-search-tabs .ila-tab.ila-tab-sell:hover{
  background:#7E0048 !important;
  color:#ffffff !important;
  border-color:#7E0048 !important;
}

/* =========================
   Desktop piccoli: evita wrap header right-group
   (992px–1366px) – single source of truth
   ========================= */
@media (min-width: 992px) and (max-width: 1366px){
  .header-v4 .login-register.on-hover-menu .login-register-nav{
    gap:5px !important;      /* valore finale */
    flex-wrap:nowrap !important;
    white-space:nowrap;
  }

  .header-v4 .btn-create-listing{
    height:44px;
    padding:0 12px;
    font-size:12px;
    letter-spacing:0.3px;
  }

  .header-v4 .ila-currency .btn.dropdown-toggle{
    height:44px;
    padding:0 12px;
    font-size:13px;
  }

  .header-v4 .ila-favorite-link .ila-fav-label{
    font-size:13px;
  }
}

/* =========================
   Desktop ancora più stretti: togli testo Favorites
   (992px–1200px)
   ========================= */
@media (min-width: 992px) and (max-width: 1200px){
  .header-v4 .ila-favorite-link .ila-fav-label{
    display:none;
  }
}