/* swiper css changes for fairtragen.de */

.swiper-row {
    display: flex;
    align-items: center; /* vertically center arrows with slides */
    justify-content: center;
    gap: 1%; /* space between arrows and slider */
}

/* Style the Swiper container */
/* Make sure swiper takes full available width minus arrows */
.responsive-swiper {
    flex: 1;
    min-width: 0; /* fixes flex overflow bug in some browsers */
}

.swiper-pagination {
    margin-top: 20px;
    position: relative; /* Needed if you're not using absolute */
}

.swiper-pagination-bullet-active {
    background-color: black;
}

/* Style the navigation arrows */
.swiper-button-prev, .swiper-button-next {
    color: #c6d595;
    position: relative !important;
    flex-shrink: 0;
    /* Show arrows by default */
    display: block;
}

/* Hide arrows when screen is narrow (e.g., slidesPerView <= 2) */
@media ( max-width : 599px) {
    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
    .swiper-row {
        padding: 3%;
    }
}