/*
Theme Name: Realar Child
Theme URI: https://wordpress.themeholy.com/realar
Template: realar
Author: Deep Real Estate
Description: Child theme for Realar. Put customisations here so they survive parent theme updates.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: realar-child
*/

/* ---------------------------------------------------------------------------
   Carried over from the parent theme's style.css.
   The parent enqueues get_stylesheet_uri(), which in a child theme resolves to
   THIS file rather than the parent's — so without copying these rules here they
   would silently stop applying.
   Re-check these against the parent's style.css after any parent update.
   --------------------------------------------------------------------------- */

/* Header sub-menu icon */
.hide-icon.main-menu ul.sub-menu li a:before {
    display: none;
}
.hide-icon.main-menu ul.sub-menu li a:hover {
    padding-left: 0;
}

.filter-item.hidden {
    display: none;
}

/* ---------------------------------------------------------------------------
   Site-specific customisations below this line.
   --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
   Equal-height property cards
   The theme sizes each slide to its own content, so a card with a shorter
   description ends up shorter and the price/button row sits at a different
   height. Stretch the slides, let the card fill its slide, and let the
   description absorb the difference.
   --------------------------------------------------------------------------- */

.property-slider2 .swiper-wrapper {
    align-items: stretch;
}

.property-slider2 .swiper-slide {
    height: auto;                 /* override Swiper's equal-but-fixed height */
}

.property-card3,
.property-card6,
.property-card7 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.property-card3 .property-card-details,
.property-card6 .property-card-details,
.property-card7 .property-card-details {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* the variable-length element - takes up the slack between cards */
.property-card3 .property-card-text,
.property-card6 .property-card-text,
.property-card7 .property-card-text {
    flex: 1 1 auto;
}

/* pin the price + button row to the bottom of every card */
.property-card3 .property-btn-wrap,
.property-card6 .property-btn-wrap,
.property-card7 .property-btn-wrap {
    margin-top: auto;
}

/* guard against differently-proportioned uploads */
.property-card3 .property-card-thumb img,
.property-card6 .property-card-thumb img,
.property-card7 .property-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------------------------------------------------------------------------
   Contact-section photo
   The widget is set to full width inside a flex container, which let the
   image distort vertically. height:auto restores its natural 690x653
   proportions; object-fit is a guard in case a height is ever applied.
   --------------------------------------------------------------------------- */

.contact-thumb4-1 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ---------------------------------------------------------------------------
   Featured Listings: show every card as a grid instead of a carousel
   The theme renders these cards inside a Swiper carousel with no arrows or
   dots, so with more than three listings the extra cards could only be reached
   by dragging, which visitors don't discover. Scoped to this one widget
   (Elementor id 9180385) so nothing else on the site changes.
   Swiper writes inline widths and a transform onto the wrapper and slides, so
   !important is required to override them.
   To go back to the carousel, delete this block.
   --------------------------------------------------------------------------- */

.elementor-element-9180385 .property-slider2 .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: 24px;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
}

.elementor-element-9180385 .property-slider2 .swiper-slide {
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
}

.elementor-element-9180385 .property-slider2 .swiper {
    overflow: visible;
    cursor: default;
}

.elementor-element-9180385 .property-slider2 .swiper-slide,
.elementor-element-9180385 .property-slider2 .property-card6,
.elementor-element-9180385 .property-slider2 .property-card7 {
    min-width: 0;
    max-width: 100%;
}