/* Отступы для родительского контейнера на десктопе, чтобы стрелки не нализали на карточку */
@media (min-width: 768px) {
    .position-relative {
    }
}
.swiper-button-prev.testimonial-prev::after,
.swiper-button-next.testimonial-next::after {
    content: '' !important;
}
.swiper-testimonial {
    min-height: 300px;
}
.swiper-testimonial .card .card-body .card-title {
    min-height: auto;
    font-size: 22px;
}
/* Кастомизация стрелок, если стандартный цвет Swiper не подходит */
.testimonial-prev, .testimonial-next {
    width: 50px;
    height: 50px;
    background: url("/src/app/component/projects/prev.png");
    top: 30%;
}
.testimonial-cover {
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.testimonial-prev {

}
.testimonial-next {
    background: url("/src/app/component/projects/next.png");
}
/* Базовые стили для десктопа (от 768px и выше) */
@media (min-width: 768px) {
    .testimonial-card {
        height: 250px !important;
        max-height: 250px !important;
        overflow: hidden;
    }

    /* Ограничиваем высоту текстового контейнера с учетом отступов */
    .testimonial-text-wrap {
        max-height: 120px; /* Высота подгоняется под размер карточки */
        overflow: hidden;
    }

    /* Растягиваем ссылку-картинку на всю высоту колонки */
    .testimonial-img-col {
        height: 250px;
    }
}

/* Стили для ссылки «Читать всё» */
.read-more-btn {
    display: none; /* Скрыта по умолчанию,                                                 JS покажет её только при переполнении */
    font-size: 0.9rem;
    border-bottom: dotted 1px #6E4593;
    color:#6E4593; /* Цвет ссылки Bootstrap */
}
.read-more-btn:hover, .read-more-btn:active {
    border-bottom: dotted 1px #6E4593;
    color:#6E4593;
}
/* Класс, который JS добавит тексту, если нажать «Читать всё» */
@media (min-width: 768px) {
    .testimonial-text-wrap.expanded {
        max-height: none !important;
        overflow: visible !important;
    }
    /* Если текст развернут, карточка может увеличиться, либо внутри появится скролл.
       Чтобы не ломать слайдер, лучше разрешить карточке увеличиться */
    .testimonial-card.expanded {
        height: auto !important;
        max-height: none !important;
    }
}