/* Westa Home Promo Carousels Styles */

/* Target the specific carousels */
.westa-promo-carousel .swiper-container,
.westa-promo-carousel .swiper {
    height: 350px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.westa-promo-carousel .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Compact spacing on wrappers */
.westa-promo-carousel .elementor-widget-container {
    margin-top: 0;
    margin-bottom: 0;
}

/* Button Overlay Styling */
.banner-shop-btn {
    position: absolute;
    bottom: 15%; /* Adjust based on baked-in graphic */
    left: 10%;   /* Adjust based on baked-in graphic */
    width: 40%;
    height: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: transparent;
    text-decoration: none;
    z-index: 10;
    /* For debugging position, uncomment below: */
    /* background: rgba(255, 0, 0, 0.3); color: white; */
}

.banner-shop-btn:hover,
.banner-shop-btn:focus {
    color: transparent;
}

/* Westa Red Pagination */
.westa-promo-carousel .swiper-pagination-bullet-active {
    background-color: #E52E2E !important;
}

.westa-promo-carousel .swiper-pagination {
    bottom: 10px !important;
}