/**
 * ECS Template Slider - Main CSS v3.0.0
 */

.ecs-slider-widget.swiper {
    position: relative;
    overflow: hidden;
    padding: 5px; /* Add some padding to prevent visual cropping */
}

/* Ensure slides have a proper height and don't collapse */
.ecs-slider-widget .swiper-slide {
    height: auto;
    display: flex;
    align-items: stretch; /* Make slides equal height */
}

.ecs-slider-widget .swiper-slide > .elementor-section-wrap,
.ecs-slider-widget .swiper-slide > .elementor-container {
    width: 100%;
}

/* Basic styling for nav buttons to make them visible */
.ecs-slider-widget .swiper-button-prev,
.ecs-slider-widget .swiper-button-next {
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.ecs-slider-widget .swiper-button-prev::after,
.ecs-slider-widget .swiper-button-next::after {
    font-size: 18px;
    font-weight: bold;
}