/*
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
-------------------------------------- */

/* Propelite custom — start */
.footer-section .footer-logo img,
.footer-logo img,
.f-widget .footer-logo img {
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    image-rendering: -webkit-optimize-contrast;
}
.footer-section { padding-top: 60px; padding-bottom: 30px; }
/* Propelite custom — end */

/* Propelite footer-contact spacing — start */
.footer-section .widget_houzez_contact .widget-title,
.footer-wrap .widget_houzez_contact .widget-title {
    margin-bottom: 28px;
}
.footer-section .widget_houzez_contact ul,
.footer-wrap .widget_houzez_contact ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-section .widget_houzez_contact ul li,
.footer-wrap .widget_houzez_contact ul li {
    margin-bottom: 18px;
    line-height: 1.7;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    white-space: pre-line;
}
.footer-section .widget_houzez_contact ul li i,
.footer-wrap .widget_houzez_contact ul li i {
    flex-shrink: 0;
    margin-top: 4px;
    margin-right: 0;
}
/* Propelite footer-contact spacing — end */

/* Propelite header logo size — start */
.navbar-brand img,
.header-wrap .navbar-brand img,
.header-logo img,
.logo-container img,
.header-section .navbar-brand img {
    width: 240px !important;
    height: 70px !important;
    max-width: 240px !important;
    max-height: 70px !important;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
}
/* Propelite header logo size — end */

/* [C] Propelite floating WhatsApp button — start */
a.propelite-wa-float,
.propelite-wa-float {
    position: fixed !important;
    right: 24px !important;
    bottom: 96px !important;
    z-index: 99999 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    background-color: #25D366 !important;
    background-image: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25) !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    color: #fff !important;
    overflow: visible !important;
    animation: propeliteWaPulse 2.4s ease-out infinite !important;
}
a.propelite-wa-float:hover,
a.propelite-wa-float:focus,
.propelite-wa-float:hover,
.propelite-wa-float:focus {
    background-color: #1ebe5b !important;
    transform: scale(1.08) !important;
    color: #fff !important;
    text-decoration: none !important;
    animation: none !important;
}
.propelite-wa-float svg {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
}
@keyframes propeliteWaPulse {
    0%   { box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 0 rgba(37,211,102,.55); }
    70%  { box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 18px rgba(37,211,102,0); }
    100% { box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 0 rgba(37,211,102,0); }
}
@media (max-width: 768px) {
    a.propelite-wa-float,
    .propelite-wa-float {
        right: 16px !important;
        bottom: 88px !important;
        width: 54px !important;
        height: 54px !important;
    }
    .propelite-wa-float svg {
        width: 28px !important;
        height: 28px !important;
    }
}
/* [C] Propelite floating WhatsApp button — end */

/* [E] Inline WhatsApp icon next to header phone — start */
.propelite-wa-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: #25D366;
    border-radius: 50%;
    color: #fff !important;
    text-decoration: none !important;
    vertical-align: middle;
    transition: background-color .15s ease, transform .15s ease;
    line-height: 0;
}
.propelite-wa-inline:hover,
.propelite-wa-inline:focus {
    background: #1ebe5b;
    color: #fff !important;
    transform: scale(1.05);
    text-decoration: none !important;
}
.propelite-wa-inline svg { display: block; }
.btn-phone-number {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
/* [E] Inline WhatsApp icon next to header phone — end */

/* [D] Hide Agents section in the homepage body (NOT in <footer>, NOT the menu) — start */
body.page-id-17887 .elementor-element-e23522a {
    display: none !important;
}
/* Targets only the specific Elementor top-section that contains "Conoce a nuestros asesores"
   on the homepage (page-id 17887). Does NOT affect /agents/ archive nor the header menu. */
/* [D] Hide Agents section in the homepage body — end */

/* [F] Hide postal-code field entirely (CSS fallback for JS hide) — start */
.elementor-field-group:has(input[name*="zipcode"]),
.elementor-field-group:has(input[name*="postal"]),
.elementor-field-group:has(input[name*="postcode"]),
.elementor-field-group:has(input[name="zip"]) {
    display: none !important;
}
/* [F] Hide postal-code field entirely — end */

/* [G] Suppress invalid-state styling on formatted price inputs (dots are intentional) — start */
input[name="e_meta[price]"],
input[name="e_meta[max-price]"],
input[name="e_meta[min-price]"],
input[name="e_meta[price]"]:invalid,
input[name="e_meta[max-price]"]:invalid,
input[name="e_meta[min-price]"]:invalid {
    border-color: inherit !important;
    box-shadow: none !important;
    background-image: none !important;
    background-position: initial !important;
}
.elementor-field-group:has(input[name="e_meta[price]"]) .elementor-error,
.elementor-field-group:has(input[name="e_meta[max-price]"]) .elementor-error,
.elementor-field-group:has(input[name="e_meta[min-price]"]) .elementor-error {
    display: none !important;
}
/* [G] Suppress invalid-state styling on formatted price inputs — end */

/* [K] Emphasize m² (size) on property cards — start */
/* Houzez markup: <li class="h-area"><i class="houzez-icon icon-ruler-triangle"></i>
   <span class="hz-figure">81.04</span> <span class="hz-figure area_postfix">m²</span></li> */
.item-wrap .h-area,
.item-wrap-v1 .h-area,
.item-wrap-v2 .h-area,
.item-wrap-v3 .h-area,
.item-wrap-v4 .h-area,
.item-wrap-v5 .h-area,
.item-wrap-v6 .h-area,
.item-listing-wrap .h-area,
.property-listing .h-area,
.list-view .h-area,
.half-map-wrap .h-area {
    font-weight: 700 !important;
    font-size: 105% !important;
    background: rgba(37, 211, 102, 0.08);
    border: 1px solid rgba(37, 211, 102, 0.35);
    border-radius: 6px;
    padding: 2px 8px !important;
}
.item-wrap .h-area .hz-figure,
.item-listing-wrap .h-area .hz-figure {
    font-weight: 700 !important;
}
.item-wrap .h-area .houzez-icon,
.item-listing-wrap .h-area .houzez-icon {
    color: #1ebe5b;
}
/* [K] Emphasize m² (size) on property cards — end */

/* [L] Action buttons on each property card — start */
.propelite-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    width: 100%;
}
@media (min-width: 768px) {
    .propelite-card-actions {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 6px;
    }
}
.propelite-card-actions .propelite-card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    padding: 8px 10px;
    border-radius: 999px;
    text-decoration: none !important;
    border: 1px solid transparent;
    transition: background-color .15s ease, color .15s ease, transform .15s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 36px;
}
.propelite-card-actions .propelite-card-btn:hover,
.propelite-card-actions .propelite-card-btn:focus {
    transform: translateY(-1px);
    text-decoration: none !important;
}
.propelite-card-actions .propelite-card-btn-info {
    background: #0d6efd;
    color: #fff !important;
    border-color: #0d6efd;
}
.propelite-card-actions .propelite-card-btn-info:hover,
.propelite-card-actions .propelite-card-btn-info:focus {
    background: #0b5ed7;
    color: #fff !important;
}
.propelite-card-actions .propelite-card-btn-tour {
    background: #fff;
    color: #0d6efd !important;
    border-color: #0d6efd;
}
.propelite-card-actions .propelite-card-btn-tour:hover,
.propelite-card-actions .propelite-card-btn-tour:focus {
    background: #e7f0ff;
    color: #0b5ed7 !important;
}
.propelite-card-actions .propelite-card-btn-wa {
    background: #25D366;
    color: #fff !important;
    border-color: #25D366;
}
.propelite-card-actions .propelite-card-btn-wa:hover,
.propelite-card-actions .propelite-card-btn-wa:focus {
    background: #1ebe5b;
    color: #fff !important;
    border-color: #1ebe5b;
}
@media (max-width: 480px) {
    .propelite-card-actions .propelite-card-btn {
        font-size: 11px;
        padding: 7px 8px;
    }
}
/* [L] Action buttons on each property card — end */