/*
 Theme Name:   Homely Child
 Theme URI:    https://reactheme.com/products/wordpress/homely
 Description:  Homely Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     homely
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
/* BMH hero services strip: dark pill behind each label for contrast on busy photo backgrounds */
.bmh-hero-services .elementor-icon-list-items {
    flex-wrap: wrap !important;
    gap: 10px 12px;
}
.bmh-hero-services .elementor-icon-list-item {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 15px !important;
    border-radius: 10px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: inline-flex !important;
    align-items: center;
}
.bmh-hero-services .elementor-icon-list-item a {
    padding: 0 !important;
}
@media (max-width: 768px) {
    .bmh-hero-services {
        display: block !important;
    }
    .bmh-hero-services .elementor-icon-list-items {
        justify-content: flex-start;
    }
    .bmh-hero-services .elementor-icon-list-item {
        padding: 10px 14px !important;
    }
    .bmh-hero-services .elementor-icon-list-text {
        font-size: 12px !important;
    }
}

/* Portfolio gallery: normalize slide heights across all breakpoints.
   Root problem: one portrait image (987px tall on desktop, 546px on mobile)
   inflates the swiper wrapper, leaving ~500px of empty space below every
   other landscape slide. Forcing a consistent aspect-ratio via object-fit
   keeps the carousel compact without cropping the focal subject. */
.rt-all-slider .swiper-slide {
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
}
.rt-all-slider .swiper-slide > a,
.rt-all-slider .swiper-slide > div {
    width: 100%;
    display: block;
}
.rt-all-slider .swiper-slide img {
    width: 100% !important;
    height: 500px !important;
    object-fit: cover !important;
    object-position: center !important;
}
.rt-all-slider .swiper-wrapper {
    height: auto !important;
    align-items: stretch !important;
}

/* Tablet: slightly shorter cards. */
@media (max-width: 1024px) {
    .rt-all-slider .swiper-slide img {
        height: 380px !important;
    }
}

/* Mobile: compact cards, and move swiper arrows below the gallery so they
   don't overlap the "Homes We Manage" heading. */
@media (max-width: 768px) {
    .rt-all-slider .swiper-slide img {
        height: 260px !important;
    }
    .rt-swiper-navigation {
        position: static !important;
        justify-content: center !important;
        margin-top: 18px !important;
        margin-bottom: 8px !important;
    }
}