/* Swiper Overrides to match Theme */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    height: auto;
}

/* Arrows */
.swiper-button-next,
.swiper-button-prev {
    color: #ff8a00;
    /* Theme Orange */
}

/* Dots */
.swiper-pagination-bullet-active {
    background: #ff8a00;
}

/* ============================================
   Hero Slider - Responsive Image Cropping
   Same image for desktop/mobile with smart crop
   ============================================ */
.home-slider .swiper-slide {
    overflow: hidden;
}

.home-slider .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mobile: Taller aspect ratio crops ~10-15% from sides */
@media (max-width: 768px) {
    .home-slider .swiper-slide {
        aspect-ratio: 16 / 6;
        /* Adjust: 16/5 = more crop, 16/7 = less crop */
    }

    .home-slider .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        /* Change to '60% center' if subject is off-center */
    }
}