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

/*
----------------------
DEBUT - Preloader
----------------------
*/
/* Fixe la hauteur du viewport mobile */
:root {
  --vh: 100%;
}

/* Empêche tout mouvement / scroll pendant le chargement */
html, body {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* PRELOADER */
#preloader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: calc(var(--vh) * 100);   /* hauteur verrouillée */
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  transition: opacity 0.6s ease;
}

/* Bloc interne */
#preloader-inner {
  position: relative;
  width: 220px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;

  opacity: 0;
  animation: fadeIn 1.1s forwards;
  animation-play-state: paused;
}

/* Logo */
#preloader-logo {
  position: absolute;
  z-index: 10;
  width: 170px;
  animation: pulse 1.2s infinite ease-in-out;
  animation-play-state: paused;
}

/* Cercles */
.circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #968663C7;
  box-shadow: 0 0 20px #968663C7;
  background: conic-gradient(
    rgba(150,134,99,0.6),
    rgba(150,134,99,0.3),
    rgba(150,134,99,0.6)
  );

  animation-play-state: paused;
}

.circle1 { animation: spin-clockwise 8s linear infinite; }
.circle2 { animation: spin-counterclockwise 8s linear infinite; }

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes pulse {
  0%   { transform: scale(1); opacity: 0.8; }
  50%  { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); opacity: 0.8; }
}

@keyframes spin-clockwise {
  0%   { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes spin-counterclockwise {
  0%   { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(-360deg); }
}

/* Fade-out */
#preloader.fade-out {
  opacity: 0;
  pointer-events: none;
}

/* Responsive */
@media (max-width: 600px) {
  #preloader-inner {
    width: 140px;
    height: 140px;
  }
  .circle {
    width: 140px;
    height: 140px;
  }
  #preloader-logo {
    width: 90px;
  }
}
/*
----------------------
END - Preloader
----------------------
*/









@import url("../houzez/style.css");

/*--------------------------------------
  Base styles
---------------------------------------*/
body {
    font-family: 'Playfair Display', serif; /* Example font similar to logo */
    background-color: #f5f5f5; /* Light neutral background */
    color: #2c3e50;
    margin: 0;
    padding: 0;
}

/*--------------------------------------
  Container
---------------------------------------*/
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------
  Header
---------------------------------------*/
header {
    text-align: center;
    padding: 40px 0;
}

header h1 {
    font-size: 48px;
    color: #2c3e50;
    margin: 0;
}

header h2 {
    font-size: 24px;
    color: #f39c12;
    margin: 10px 0 0;
}

/*--------------------------------------
  Decorative element
---------------------------------------*/
.decorative {
    margin: 20px auto;
    text-align: center;
}

.decorative img {
    width: 100px;
}

/*--------------------------------------
  Button
---------------------------------------*/
.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #27ae60;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.button:hover {
    background-color: #219150;
}





/*--------------------------------------
  Map view adjustments
---------------------------------------*/
body.houzez-map-hidden {
    overflow-x: hidden;
    background-color: #fff;
}

/* Structure principale : listing à gauche, formulaire à droite */
body.houzez-map-hidden .half-map-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
}


/* Formulaire à droite */
body.houzez-map-hidden .advanced-search-half-map {
    position: fixed !important;
    top: -90px;
    right: 0;
    width: 30vw !important;
    height: calc(100vh - 20px) !important;
    background-color: #1f3e3b !important;
    overflow-y: auto !important;
    padding: 120px 20px !important;
    box-sizing: border-box !important;
    box-shadow: -2px 0 15px rgba(0, 0, 0, 0.15) !important;
    margin: 90px 0px 10px 10px;
}





/* Listing de propriétés à gauche */
body.houzez-map-hidden #half-map-listing-area {
    margin-right: 30vw !important;
    width: calc(100% - 30vw) !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

/* Supprimer toute limite */
body.houzez-map-hidden .listing-view,
body.houzez-map-hidden .card-deck {
    max-width: none !important;

}


body.houzez-map-hidden footer.footer-wrap.footer-wrap-v1 {
left: 0;
margin-right: 30vw !important;

}
@media (max-width: 1024px) {
    body.houzez-map-hidden .advanced-search-half-map {
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        top: 0 !important;
    }
}

/*--------------------------------------
  Footer correction (décommentée et corrigée)
---------------------------------------*/
.footer-top-wrap,
.footer-bottom-wrap {
    position: relative;
    background-color: #f9f9f9; /* éviter la transparence */

}


/* ==========================================
   Loading Module
   ========================================== */
#preloader {
  position: fixed; inset: 0;
  background: #fff; display: flex;
  justify-content: center; align-items: center;
  z-index: 9999; transition: opacity 0.5s ease;
}
#preloader.fade-out { opacity: 0; pointer-events: none; }



/* Cacher certaines étiquettes Houzez par leur value */
select#prop_labels option[value="16169"],  /* Hot! */
select#prop_labels option[value="16138"],  /* Open House */
select#prop_labels option[value="16149"],  /* Sold */
select#prop_labels option[value="16439"],  /* View */
select#prop_labels option[value="16465"]   /* VIP */ {
    display: none !important;
}

/* Cacher également dans la dropdown Bootstrap (car Houzez duplique les options) */
#bs-select-7-1,
#bs-select-7-2,
#bs-select-7-3,
#bs-select-7-4,
#bs-select-7-11 {
    display: none !important;
}