/* Кастомные стили для Swiper с Tailwind */

/* Pagination dots */
.swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background-color: rgb(156 163 175);
    border-radius: 9999px;
    opacity: 0.5;
    transition: all 0.3s;
}

.swiper-pagination-bullet-active {
    width: 2rem;
    background-color: #ec5027;
    opacity: 1;
}

.pagination_black .swiper-pagination-bullet {
    background-color: rgb(55 65 81);
}

.pagination_black .swiper-pagination-bullet-active {
    background-color: #130b0b;
}

/* Navigation buttons hover states */
.button-prev:hover,
.button-next:hover {
    background-color: rgb(243 244 246);
    border-color: #ec5027;
}

.button-prev:disabled,
.button-next:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Swiper container */
.swiper {
    width: 100%;
}

.swiper-wrapper {
    display: flex;
}

/* Smooth transitions */
.swiper-slide {
    transition: transform 0.3s;
}