/*
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
-------------------------------------- */
/* Print property logo size */
.print-logo-wrap img {
    max-width: 150px;
    height: auto;
}
.print-logo-wrap {
    margin-bottom: 10px;
}


/* SAHR: Einheitliches Bildformat — NUR Grid-Ansicht (16:10) */
.listing-image-wrap {
    overflow: hidden;
    position: relative;
}
.grid-view .listing-image-wrap,
.sahr-latest-properties .listing-image-wrap {
    aspect-ratio: 16 / 10;
}
.grid-view .listing-image-wrap .listing-gallery-wrap,
.grid-view .listing-image-wrap .houzez-listing-carousel,
.grid-view .listing-image-wrap .slick-list,
.grid-view .listing-image-wrap .slick-track {
    height: 100% !important;
}
.grid-view .listing-image-wrap .item.slick-slide {
    height: 100% !important;
}
.grid-view .listing-image-wrap .item.slick-slide > a,
.grid-view .listing-image-wrap .item.slick-slide > div {
    display: block;
    width: 100%;
    height: 100%;
}
.grid-view .listing-image-wrap img,
.grid-view .listing-image-wrap img.img-fluid,
.sahr-latest-properties .listing-image-wrap img,
.sahr-latest-properties .listing-image-wrap img.img-fluid {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}
/* Vor JS-Init: nur erstes Bild zeigen, Rest verstecken */
.listing-image-wrap .houzez-listing-carousel:not(.slick-initialized) .item.slick-slide:not(:first-child) {
    display: none !important;
}

/* SAHR: Fix für kollabierendes .item-header in Listing-Cards.
   Ursache: .item-header ist ein Flex-Child in einem .d-flex.align-items-center
   Container. Ohne explizite Breite kollabiert es bei manchen Cards auf 0×1,
   weil die intrinsische Breite vom Slick-Carousel-Inhalt initial 0 sein kann. */
.item-wrap .item-header {
    align-self: stretch !important;
    min-width: 0;
}
/* width:100% nur im Grid-View — im List-View teilt item-header den Platz mit item-body */
.grid-view .item-wrap .item-header,
.sahr-latest-properties .item-wrap .item-header {
    width: 100% !important;
    flex-shrink: 0;
}
}

/* SAHR: Neueste Wohnungsangebote Section — Container + Titel */
.sahr-latest-properties {
    margin: 50px 0;
}
.sahr-latest-properties__title {
    font-family: Roboto, sans-serif;
    font-size: 35px;
    font-weight: 300;
    line-height: 42px;
    color: #000;
    text-align: center;
    margin: 0 0 28px;
}


/* 2-Spalten / 4-Spalten-Varianten — wenn Houzez nur .grid-view-3-cols per Default styled */
.sahr-latest-properties .grid-view-2-cols .item-listing-wrap { flex: 0 0 calc(50% - 1.5rem); max-width: calc(50% - 1.5rem); }
.sahr-latest-properties .grid-view-4-cols .item-listing-wrap { flex: 0 0 calc(25% - 1.5rem); max-width: calc(25% - 1.5rem); }
@media (max-width: 960px) {
    .sahr-latest-properties .grid-view-3-cols .item-listing-wrap,
    .sahr-latest-properties .grid-view-4-cols .item-listing-wrap { flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); }
}
@media (max-width: 600px) {
    .sahr-latest-properties .listing-view.grid-view .item-listing-wrap { flex: 0 0 100%; max-width: 100%; }
}

/* Author im Card-Footer ausblenden (nur ein Agent für alle Objekte) */
.sahr-latest-properties .item-author { display: none !important; }

/* =====================================================
   City-Ribbon: schräges Band über der linken oberen
   Ecke des Card-Images. Site-weit auf alle Houzez-v1
   Cards. Sans-serif, regular weight, schmal.
   ===================================================== */
.item-wrap.item-wrap-v1 .item-header { position: relative; overflow: hidden; isolation: isolate; }

.item-wrap.item-wrap-v1 .sahr-city-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 110px;
    pointer-events: none;
    overflow: hidden;
    z-index: 4;
}
.item-wrap.item-wrap-v1 .sahr-city-ribbon > span {
    display: block;
    position: absolute;
    top: 22px;
    left: -44px;
    width: 160px;
    text-align: center;
    background: #003E77;
    color: #fff;
    font-family: Roboto, -apple-system, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
    padding: 2px 0;
    transform: rotate(-45deg);
    transform-origin: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* CTA Button unter Neueste Wohnungsangebote */
.sahr-latest-properties__cta {
    text-align: center;
    margin-top: 14px;
}
.sahr-latest-properties__cta .btn {
    display: inline-block;
    background: #003E77;
    color: #fff !important;
    font-family: Roboto, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 32px;
    border-radius: 4px;
    text-decoration: none;
    border: 0;
    transition: background 150ms;
}
.sahr-latest-properties__cta .btn:hover {
    background: #00539e;
    color: #fff !important;
}

/* "Andere Eigenschaften" Checkbox-Bereich auf Detailseiten ausblenden (Demo-Features) */
.property-features-wrap,
.features-list-wrap,
.half-map-features-list-wrap,
.btn-features-list { display: none !important; }

/* Agent-Name in allen Cards ausblenden (nur ein Anbieter, kein Mehrwert) */
.item-author { display: none !important; }

/* Details-Button etwas Abstand nach oben */
.item-body .btn-item,
.item-body .item-btn-wrap,
.item-body .btn-item-v1 {
    margin-top: 8px;
}

/* Details-Button weiter nach unten (ist position:absolute im Houzez-Theme) */
.grid-view .item-body .btn-item {
    bottom: 66px !important;
}