/*
 Theme Name:     **Houzez Child**
 Theme URI:      **http://www.cmr-inmobiliaria.com**
 Description:    **Tema hijo para CMR Inmobiliaria**
 Author:         **Tu Nombre**
 Author URI:     **http://www.cmr-inmobiliaria.com**
 Template:       houzez
 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:    houzez-child
*/

/* ************************************************************ */
/* Línea crucial: Importa todos los estilos del tema padre */
/* Revisa que el nombre de la carpeta "houzez" sea EXACTO (minúsculas) */
@import url("../houzez/style.css");
/* ************************************************************ */

/* A partir de aquí, deja un espacio. Aquí irán tus códigos CSS de personalización futuros. */

/* === FIX DEFINITIVO LOGO HEADER (desktop + móvil) === */

/* Asegura que el contenedor del logo no deforme la imagen */
.header-logo,
.site-logo,
.navbar-brand,
.logo,
.logo-desktop,
.logo-mobile {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  line-height: normal !important;
}

/* Imagen del logo: mantén proporción y evita que se estire */
.header-logo img,
.site-logo img,
.navbar-brand img,
.logo img,
.logo-desktop img,
.logo-mobile img,
img.custom-logo {
  display: block !important;
  height: auto !important;
  width: auto !important;
  max-height: 90px !important;   /* Ajusta tamaño en desktop */
  max-width: 250px !important;   /* Ajusta ancho máximo si lo necesitas */
  object-fit: contain !important;
}

/* Sticky header: logo más pequeño */
.is-sticky .navbar-brand img,
.houzez-header.is-sticky .navbar-brand img {
  max-height: 48px !important;
}

/* LOGO EN MÓVIL */
@media (max-width: 767px) {
  .header-logo img,
  .navbar-brand img,
  .logo-mobile img,
  img.custom-logo {
    max-height: 60px !important;  /* Tamaño ideal en móvil */
    max-width: 180px !important;
  }

  /* Ajusta si hay padding o altura forzada */
  .houzez-header, .header, .navbar-brand {
    height: auto !important;
    min-height: 0 !important;
  }
}
/* ===== Ajuste de tamaño del logo en tablet ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .header-logo img,
  .navbar-brand img,
  .site-logo img,
  .logo img,
  img.custom-logo {
    max-height: 60px !important;  /* Antes 75px, bajamos ligeramente */
    max-width: 200px !important;  /* Más equilibrado en pantallas medianas */
  }
}
/* ====== FORZAR QUE EL OVERVIEW APAREZCA AL IMPRIMIR ====== */
@media print {

  /* 1) Asegura que los contenedores no oculten el contenido */
  html, body, .page, .site-content, .container, .property-banner, .property-content-wrap {
    overflow: visible !important;
    visibility: visible !important;
  }

  /* 2) Muestra el overview y sus listas si el tema las oculta en print */
  /* Ajusta estos selectores si tu estructura tiene clases distintas */
  .property-overview-wrap,
  .property-overview,
  .property-overview .d-flex,
  .property-overview .list-unstyled,
  .property-overview .list-unstyled.flex-fill,
  .overview-list,
  .property-overview-list {
    display: block !important;
    visibility: visible !important;
  }

  /* 3) Estilo tipo “tarjetas” para que se lea bonito en papel */
  .property-overview .list-unstyled,
  .overview-list,
  .property-overview-list {
    list-style: none !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 columnas en papel */
    gap: 10px !important;
  }

  /* Ítems individuales (basado en tus capturas: .property-overview-item) */
  .property-overview-item,
  .overview-list li,
  .property-overview-list li {
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    page-break-inside: avoid !important;
    color: #111 !important;
  }

  /* Etiquetas y valores (según HTML que mostraste: .hz-meta-label / .hz-meta) */
  .property-overview-item .hz-meta-label,
  .overview-list .hz-meta-label {
    display: block !important;
    font-size: 12px !important;
    color: #5b5b5b !important;
    margin-bottom: 4px !important;
  }

  .property-overview-item .hz-meta,
  .overview-list .hz-meta {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111 !important;
  }

  /* 4) Quita íconos si la tipografía de iconos no se imprime bien */
  .property-overview-item i,
  .property-overview-item .hz-icon,
  .overview-list i,
  .overview-list .hz-icon {
    display: none !important;
  }
}

/* DEBUG opcional: dibuja borde al contenedor del overview al imprimir */
/*
@media print {
  .property-overview, .property-overview-wrap { outline: 2px solid hotpink !important; }
}
*/