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


.fa-spinner {
    animation: spin 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.avatar-stack {
    
    align-items: center;
}

.avatar-item {
   
    margin-right: -10px; /* Overlap avatars */
}

.badge-dark {
    background-color: #343a40 !important; /* Ensure it overrides any existing styles */
    color: white !important; /* Set text color */
}

.badge-success {
    background-color: #28a745 !important; /* Ensure it overrides any existing styles */
    color: white !important; /* Set text color */
}

#file-fields-container {
    display: flex;
    flex-direction: column;
    gap: 10px; 
    margin-bottom: 15px; 
}

.file-row {
    display: flex;
    align-items: center;
    gap: 15px; 
}

.file-row input[type="file"] {
    flex: 2; 
    padding: 8px;
}






  
/* Your CSS code goes here
-------------------------------------- */
/* 5.1 / cards: centre the InList logo when it stands in as the image placeholder
   (listings with too few gallery photos). Scoped to listing cards so the real
   header/footer logos are unaffected. The placeholder slot must fill its whole
   collage cell so no white gap is left below the logo. */
.item-listing-wrap .item-header-wrap-right .item-header-2:has(img[src*="inlist-logo-big"]) {
    flex: 1 1 0;
}
.item-listing-wrap .item-v10-image:has(img[src*="inlist-logo-big"]) {
    height: 100%;
    background-color: #f0f2f4;
}
.item-listing-wrap img[src*="inlist-logo-big"] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 16% 12%;
    background-color: #f0f2f4;
}

/* 5.1 / grid cards: the "Details" button is absolutely positioned with
   bottom:80px to clear the old card footer. That footer was removed (it left
   an empty bordered box), so the button floated up over the title/address.
   Re-anchor it to the bottom of the card and reserve space in the body so the
   text never runs under it. Scoped to the grid card (item-wrap-v1). */
.item-wrap-v1 .item-body {
    padding-bottom: 60px;
}
.item-wrap-v1 .item-body .btn-item {
    bottom: 16px;
}

/* 5.1 / list cards: keep every card the same height even when a listing's
   photo is low-res. Lock the collage cells to a normal card's aspect and
   cover-fit real photos, so a small upload is scaled to fill rather than
   shrinking the whole card. The InList placeholder logo is excluded so it
   stays contained (centred), not cropped. Scoped to the list collage. */
/* The image collage is content-sized (flex:0 1 auto), so a card whose right
   column falls back to the placeholder logo ends up narrower — and therefore
   shorter — than one with full-size photos. Lock the collage to a fixed share
   of the card on desktop so every card's image area is the same width (and
   thus the same height via the aspect-ratio below). */
@media (min-width: 992px) {
    .item-wrap-v10 .item-wrap > .item-header-wrap {
        flex: 0 0 58%;
        max-width: 58%;
    }
    .item-wrap-v10 .item-wrap > .item-body-wrap {
        flex: 1 1 0;
        max-width: none;
    }
}
.item-wrap-v10 .item-header-wrap-left .item-v10-image {
    display: block;
    aspect-ratio: 459 / 343;
    overflow: hidden;
}
.item-wrap-v10 .item-header-wrap-right .item-header-2 {
    flex: 1 1 0;
}
.item-wrap-v10 .item-header-wrap-right .item-header-2 .item-v10-image {
    display: block;
    height: 100%;
    overflow: hidden;
}
.item-wrap-v10 .item-v10-image img:not([src*="inlist-logo-big"]) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dashboard sidebar user block: name/email were dark (rgb(34,34,34)) on the
   navy sidebar (near-invisible), the avatar was an oversized 200px square, and
   the name had a large bottom gap. Make text legible, avatar a tidy circle,
   spacing compact. */
.user-profile {
    text-align: center;
    padding: 16px 14px 8px;
}
.user-profile .profile-sidebar-image {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto 10px;
    border: 2px solid rgba(255, 255, 255, 0.45);
}
.user-profile .user-info { margin: 0; }
.user-profile .user-name {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 2px;
    word-break: break-word;
}
.user-profile .user-email {
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    line-height: 1.3;
    margin: 0;
    word-break: break-all;
}

/* A#12 (staging QA): on cards the two stacked prices (item-price = current,
   item-sub-price = secondary) had no visual distinction, so it was unclear which
   was current. De-emphasise the secondary as a struck-through 'was' price.
   NOTE: assumes item-sub-price is the previous price; confirm the two price
   fields' meaning with the client. */
.item-price-wrap .item-sub-price,
.item-price .item-sub-price {
    text-decoration: line-through;
    color: #9aa0a6;
    font-size: 0.82em;
    font-weight: 400;
}

/* A#10 (staging QA): hide the theme-vendor demo social icons (favethemes / generic
   placeholder links) in the top bar and footer until InList's real profile URLs
   are supplied. To re-enable: set the real URLs in Theme Options and delete this. */
.list-inline-item:has(> a.btn-square),
a.btn-square.btn-facebook, a.btn-square.btn-twitter, a.btn-square.btn-linkedin,
a.btn-square.btn-instagram, a.btn-square.btn-google-plus, a.btn-square.btn-googleplus,
a.btn-square.btn-google {
    display: none !important;
}