/* ============================================================
   NewLocay — uniform property image heights
   ------------------------------------------------------------
   Property images are now served width-resized (proportional)
   straight from the CDN — no fixed-crop WordPress thumbnails.
   Without a crop, every container grew to its own image's
   aspect ratio, so portrait photos made tall cards/sliders and
   landscape photos made short ones (ragged grids, jumpy hero).

   Fix: pin each image slot to a fixed aspect ratio and let
   object-fit: cover crop to fill. The CDN still serves a
   width-appropriate file via srcset; this only governs the
   *display* box, so heights stay consistent regardless of the
   source photo's proportions.

   !important is deliberate: the card hover-gallery and the
   single-property lightSlider set INLINE width/height styles on
   these elements at runtime, and an inline style beats a plain
   rule. We must win over that to keep heights uniform.

   Ratios are intentionally simple constants — change them here
   in one place if the look needs tuning.
   ============================================================ */

/* --- Listing cards: archive / search grid + hover gallery ---
   .listing-thumb img is the static featured image AND the image
   the hover-gallery JS swaps src on, so one rule covers both.   */
.listing-thumb img,
.listing-thumb .img-fluid,
.item-v10-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* --- Single-property main slider (banner style 3 → gallery-v3-4) ---
   #property-gallery-js is the lightSlider root; .img-fluid are the
   slides. max-height caps the hero on very wide / full-bleed layouts
   so a 3:2 box never balloons; cover keeps every slide the same
   height either way.                                              */
#property-gallery-js .img-fluid,
#property-gallery-js img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
    max-height: 620px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* --- lightSlider thumbnail strip under the main slider --- */
.lSGallery img,
.lSGallery li img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center !important;
}