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

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

/* ===== Half Map – Layout base ===== */
.half-map-wrap{
  display:flex;
  align-items:stretch;
  width:100%;
  gap:0;
}
.half-map-left-wrap{
  flex:0 0 45%;
  max-width:45%;
  position:sticky;
  top:80px; /* ajustá según la altura de tu header */
  height:calc(100vh - 80px);
  overflow:hidden;
  z-index:1;
  background:#f4f5f7;
}
.half-map-right-wrap{
  flex:0 0 55%;
  max-width:55%;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  overflow:visible; /* el scroll va en el contenido, no en este wrapper */
}

/* Si tu mapa usa un div #map u otro wrapper, obligalo a llenar el panel */
.half-map-left-wrap #map,
.half-map-left-wrap .houzez-map,
.half-map-left-wrap .leaflet-container,
.half-map-left-wrap .gm-style {
  width:100% !important;
  height:100% !important;
}

/* ===== Contenido del panel derecho ===== */
.half-map-right-wrap .page-title-wrap{
  padding:16px 20px;
  border-bottom:1px solid #eee;
  background:#fff;
  position:sticky;
  top:0;
  z-index:2;
}
.half-map-right-wrap .listing-view{
  padding:16px 16px 8px;
}

/* Tarjetas grid/list: respiración y aspecto de imagen consistente */
.listing-view .property-card,
.listing-view [class*="property-card"]{
  margin-bottom:16px;
}
.listing-view .property-card img,
.listing-view .property-card .listing-thumb img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border-radius:8px;
}

/* Paginación separada del listado */
.houzez-pagination,
.pagination{
  margin:16px 16px 24px;
}

/* Switch de vista alineado */
.page-title-wrap .d-flex{
  gap:12px;
  flex-wrap:wrap;
}

/* Evitar que overlays del mapa tapen el panel derecho */
.half-map-right-wrap{ z-index:3; }
.half-map-left-wrap{ z-index:2; }
.half-map-left-wrap .leaflet-top,
.half-map-left-wrap .gm-style > div { z-index:2; }

/* ===== Mobile / Tablet ===== */
@media (max-width: 991.98px){
  .half-map-wrap{ display:block; }
  .half-map-left-wrap{
    position:relative;
    top:0;
    height:320px; /* mapa contraído para mobile */
    max-width:100%;
    flex:none;
  }
  .half-map-right-wrap{
    max-width:100%;
    flex:none;
  }
  /* Botón mobile del tema (si existe) visible sobre el mapa */
  .mobile-map-switch{
    position:absolute;
    right:12px;
    bottom:12px;
    z-index:5;
  }
}