/*
Theme Name: Houzez Child
Description: Child theme for Houzez
Author: Your Name
Template: houzez
Version: 1.0.0
*/

/* Prevenir que el logo se recorte con CSS */
.logo img,
.logo-desktop img,
.logo-mobile img,
.logo-splash img {
    object-fit: contain !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

/* Asegurar que el logo mantenga sus proporciones */
.logo a,
.logo-desktop a,
.logo-mobile a {
    display: inline-block;
    line-height: 0;
}

.logo img[src*="Logo-Inmuda-224x140"] {
    width: 224px !important;
    height: 140px !important;
    object-fit: contain !important;
}

/* ============================================
   Slider - Estilos acordes al Demo 09 Luxury
   ============================================ */

/* Aplicar tipografía de h2 (Prata) a los elementos del slider - Demo 09 Luxury */
.property-slider-item .item-title,
.property-slider-item .item-title a,
.property-slider-item .item-title h2,
.property-slider-item-wrap .item-title {
    font-family: "Prata", serif !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    letter-spacing: -0.01em;
}

/* Mejorar el estilo del título en el slider para aspecto luxury */
.property-slider-item .item-title {
    margin-bottom: 20px !important;
}

.property-slider-item .item-title a {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    font-weight: 400 !important;
}

@media (max-width: 768px) {
    .property-slider-item .item-title a {
        font-size: 1.75rem !important;
    }
}

/* Estilo para el precio en el slider - usando Prata para aspecto luxury */
.property-slider-item .item-price-wrap {
    margin-bottom: 20px !important;
}

.property-slider-item .item-price-wrap,
.property-slider-item .item-price-wrap .item-price {
    font-family: "Prata", serif !important;
    font-weight: 400 !important;
    font-size: 1.75rem !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    text-transform: capitalize !important;
}

/* Estilo para la dirección - mantener sans-serif para legibilidad */
.property-slider-item .item-address {
    margin-bottom: 20px !important;
}

.property-slider-item .item-address,
.property-slider-item .item-address a {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

/* Estilo para las características (bedrooms, bathrooms, etc.) */
.property-slider-item .item-features-v1 {
    margin-bottom: 15px !important;
}

.property-slider-item .item-features-v1,
.property-slider-item .item-features-v1 li {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

/* Botón del slider con estilo luxury */
.property-slider-item .item-btn .btn,
.property-slider-item .item-btn .btn-primary {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    font-size: 0.875rem !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

/* Mejorar contraste y legibilidad del contenido del slider */
.property-slider-item {
    position: relative;
    z-index: 2;
    background: transparent !important;
    background-color: transparent !important;
    width: 100% !important;
    max-width: 550px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    height: 100% !important;
    padding: 40px 0 !important;
}

/* Centrar verticalmente el contenido del slider */
.property-slider-item-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
}

/* En desktop, la caja tiene max-width de 550px */
@media (min-width: 992px) {
    .property-slider-item {
        width: auto !important;
        max-width: 550px !important;
    }
}

.property-slider-item-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 1;
}

/* Slider a altura completa de la ventana menos el header */
.property-slider-wrap,
.top-banner-wrap.property-slider-wrap {
    height: calc(100vh - 80px) !important;
    min-height: 780px !important;
}

.property-slider-item-wrap {
    height: calc(100vh - 80px) !important;
    min-height: 780px !important;
}

.property-banner-slider,
.property-slider {
    height: calc(100vh - 80px) !important;
    min-height: 780px !important;
}

.property-banner-slider .slick-slide,
.property-slider .slick-slide {
    height: calc(100vh - 80px) !important;
    min-height: 780px !important;
}

.property-banner-slider .slick-slide > div,
.property-slider .slick-slide > div {
    height: calc(100vh - 80px) !important;
    min-height: 780px !important;
}

/* Ajuste responsivo para móviles */
@media (max-width: 991px) {
    .property-slider-wrap,
    .top-banner-wrap.property-slider-wrap,
    .property-slider-item-wrap,
    .property-banner-slider,
    .property-slider,
    .property-banner-slider .slick-slide,
    .property-slider .slick-slide,
    .property-banner-slider .slick-slide > div,
    .property-slider .slick-slide > div {
        height: calc(100vh - 60px) !important;
        min-height: 780px !important;
    }
}

/* ============================================
   Controles del Slider - Estilo Luxury
   ============================================ */

/* Contenedor de controles arriba del título */
.property-slider-item .slider-controls-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Ocultar controles originales de Slick que están posicionados absolutamente */
.property-slider-wrap .slick-prev,
.property-slider-wrap .slick-next,
.property-banner-slider .slick-prev,
.property-banner-slider .slick-next {
    display: none !important;
}

/* Controles del slider (flechas) - arriba del título, uno al lado del otro */
.property-slider-item .slider-controls-wrapper .slick-prev,
.property-slider-item .slider-controls-wrapper .slick-next,
.property-slider-item .slider-control-btn {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    background-color: #E8A600 !important; /* Color amarillo del tema */
    color: #222222 !important;
    border: 1px solid #E8A600 !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.property-slider-item .slider-controls-wrapper .slick-prev:hover,
.property-slider-item .slider-controls-wrapper .slick-next:hover,
.property-slider-item .slider-control-btn:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

.property-slider-item .slider-controls-wrapper .slick-prev:before,
.property-slider-item .slider-controls-wrapper .slick-next:before,
.property-slider-item .slider-control-btn:before {
    color: #222222 !important;
    font-size: 16px !important;
    opacity: 1 !important;
    font-family: "houzez-iconfont" !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.property-slider-item .slider-controls-wrapper .slick-prev:before,
.property-slider-item .slider-controls-wrapper .slider-control-btn.slick-prev:before,
.property-slider-item .slider-controls-wrapper .slider-control-btn:first-child:before {
    content: "\e95d" !important; /* Icono arrow-button-left-1 - punta de flecha izquierda */
}

.property-slider-item .slider-controls-wrapper .slick-next:before,
.property-slider-item .slider-controls-wrapper .slider-control-btn.slick-next:before,
.property-slider-item .slider-controls-wrapper .slider-control-btn:last-child:before {
    content: "\e95e" !important; /* Icono arrow-button-right-1 - punta de flecha derecha */
}

.property-slider-item .slider-controls-wrapper .slick-prev:hover:before,
.property-slider-item .slider-controls-wrapper .slick-next:hover:before,
.property-slider-item .slider-control-btn:hover:before {
    color: #ffffff !important;
}

/* Botón "Detalles" - no azul, estilo elegante - en flujo normal del contenido */
.property-slider-item .item-btn,
.property-slider-item .item-btn-wrapper {
    position: static !important; /* Anular posicionamiento absoluto del tema padre */
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    display: block !important;
    visibility: visible !important;
    float: none !important;
    clear: both !important;
}

.property-slider-item .item-btn .btn-primary,
.property-slider-item .item-btn .btn-item,
.property-slider-item .btn.btn-primary.btn-item,
.property-slider-item .item-btn-wrapper .btn-primary,
.property-slider-item .item-btn-wrapper .btn-item {
    position: static !important; /* Anular posicionamiento absoluto */
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    top: auto !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    font-size: 0.875rem !important;
    padding: 25px 70px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    text-align: center !important;
    float: none !important;
}

.property-slider-item .item-btn .btn-primary:hover,
.property-slider-item .item-btn .btn-item:hover,
.property-slider-item .btn.btn-primary.btn-item:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

/* ============================================
   Menú del Header - Estilo Luxury
   ============================================ */

/* Menú del header - color negro y tipografía Prata */
.main-nav .navbar-nav .nav-link,
.main-nav .nav-link,
.header-main-wrap .main-nav .nav-link,
.header-v4 .main-nav .nav-link,
.header-v4 .navbar-nav .nav-link,
.navbar-nav .nav-link,
.header-v4 a.nav-link,
.header-main-wrap a.nav-link,
.main-nav a.nav-link {
    color: #000000 !important;
    font-family: "Prata", serif !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
}

/* Asegurar que todos los links del menú sean negros */
.main-nav .navbar-nav .nav-link a,
.main-nav .nav-link a,
.header-main-wrap .main-nav .nav-link a,
.header-v4 .main-nav .nav-link a,
.navbar-nav .nav-link a,
.header-v4 a,
.header-main-wrap a,
.main-nav a {
    color: #000000 !important;
}

.main-nav .navbar-nav .nav-link:hover,
.main-nav .navbar-nav .nav-link:active,
.main-nav .navbar-nav .nav-link:focus,
.main-nav .nav-link:hover,
.main-nav .nav-link:active,
.main-nav .nav-link:focus,
.header-main-wrap .main-nav .nav-link:hover,
.header-v4 .main-nav .nav-link:hover,
.navbar-nav .nav-link:hover,
.header-v4 a.nav-link:hover,
.header-main-wrap a.nav-link:hover,
.main-nav a.nav-link:hover {
    color: #000000 !important;
    opacity: 0.7 !important;
}

.main-nav .navbar-nav .nav-link:hover a,
.main-nav .nav-link:hover a,
.header-main-wrap .main-nav .nav-link:hover a,
.header-v4 .main-nav .nav-link:hover a,
.navbar-nav .nav-link:hover a,
.header-v4 a:hover,
.header-main-wrap a:hover,
.main-nav a:hover {
    color: #000000 !important;
}

/* Dropdown del menú */
.main-nav .navbar-nav .nav-item .dropdown-menu,
.main-nav .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.main-nav .navbar-nav .nav-item .nav-item a,
.main-nav .dropdown-item,
.main-nav .dropdown-item a {
    color: #000000 !important;
    font-family: "Prata", serif !important;
    font-weight: 400 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.main-nav .navbar-nav .nav-item .nav-item a:hover,
.main-nav .navbar-nav .nav-item .nav-item a:active,
.main-nav .dropdown-item:hover,
.main-nav .dropdown-item:active,
.main-nav .dropdown-item:hover a,
.main-nav .dropdown-item:active a {
    color: #000000 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    opacity: 1 !important;
}

/* ============================================
   Colores Principales del Tema
   ============================================ */

/* Color Primario: #E8A600 (Amarillo/Dorado) */
:root {
    --houzez-primary-color: #E8A600 !important;
    --houzez-secondary-color: #eeeeee !important;
    --houzez-text-color: #222222 !important;
}

/* Aplicar color primario a botones primarios, etc. */
.btn-primary,
.btn-primary-outlined,
.houzez-primary-color,
.property-status,
.label-featured,
.item-price,
.houzez-primary-color-hover:hover {
    color: #E8A600 !important;
}

/* Enlaces en el contenido: #A47806 */
.entry-content a,
.post-content a,
.content a,
.article-content a,
.property-description a,
.property-content a,
.page-content a,
.single-content a,
.widget-content a,
.text-content a,
a:not(.btn):not(.nav-link):not(.navbar-brand):not(.logo):not(.item-title a):not(.property-title a) {
    color: #A47806 !important;
}

.entry-content a:hover,
.post-content a:hover,
.content a:hover,
.article-content a:hover,
.property-description a:hover,
.property-content a:hover,
.page-content a:hover,
.single-content a:hover,
.widget-content a:hover,
.text-content a:hover,
a:not(.btn):not(.nav-link):not(.navbar-brand):not(.logo):not(.item-title a):not(.property-title a):hover {
    color: #8A6505 !important; /* Versión más oscura al hover */
    text-decoration: underline !important;
}

.btn-primary,
.btn-primary-outlined:hover,
.property-status,
.label-featured {
    background-color: #E8A600 !important;
    border-color: #E8A600 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary-outlined:hover {
    background-color: #E6B805 !important;
    border-color: #E6B805 !important;
}

/* Color Secundario: #eeeeee (Gris Claro) */
.houzez-secondary-color,
body {
    background-color: #eeeeee !important;
}

/* Color de Texto: #222222 (Gris Oscuro) */
body,
p,
.text-color,
.houzez-text-color {
    color: #222222 !important;
}

/* Aplicar colores a elementos específicos del tema */
.property-item .item-price,
.property-item .item-price-wrap .item-price,
.listing-price,
.houzez-primary-color {
    color: #E8A600 !important;
}

/* Botones y elementos interactivos */
.btn-primary,
input[type="submit"],
button[type="submit"],
.houzez-btn-primary {
    background-color: #E8A600 !important;
    border-color: #E8A600 !important;
    color: #222222 !important;
}

.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.houzez-btn-primary:hover {
    background-color: #D19500 !important;
    border-color: #D19500 !important;
    color: #222222 !important;
}

/* ============================================
   Footer - Colores de Fondo
   ============================================ */

/* Footer Top - Fondo #f2f2f2 */
.footer-top-wrap {
    background-color: #f2f2f2 !important;
}

/* Footer Bottom - Fondo #ededed */
.footer-bottom-wrap {
    background-color: #ededed !important;
}

/* Logo del footer - max-height 220px */
.footer_logo img,
.footer_logo.logo img,
.footer-bottom-wrap .footer_logo img,
.footer-top-wrap .footer_logo img {
    max-height: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Ajustar color de texto del footer para mejor contraste */
.footer-top-wrap,
.footer-top-wrap a,
.footer-bottom-wrap,
.footer-bottom-wrap a {
    color: #222222 !important;
}

.footer-top-wrap a:hover,
.footer-bottom-wrap a:hover {
    color: #A47806 !important; /* Usar color de enlaces del contenido */
}