/* Carousel */

.reviews-carousel {
    --card-width: clamp(350px, 25vw, 450px);
    --visible-items: 8;
    --duration: 60s;
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

.carousel-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
}

.carousel-inner .ti-widget {
    display: flex !important;
    flex-shrink: 0 !important;
    width: calc(var(--card-width) * var(--visible-items)) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.carousel-inner .ti-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.carousel-inner .ti-reviews-container,
.carousel-inner .ti-reviews-container-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    margin-bottom: 0 !important;
}

.carousel-inner .ti-review-item {
    flex-shrink: 0 !important;
    width: var(--card-width) !important;
    margin-bottom: 0 !important;
    padding: 0 8px !important;
}

.track-right .carousel-inner .ti-reviews-container-wrapper {
    flex-direction: row-reverse !important;
}

/* .reviews-carousel:hover .carousel-inner {
    animation-play-state: paused;
} */

.track-left .carousel-inner {
    animation: scroll-left var(--duration) linear infinite;
    animation-delay: calc(var(--duration) / -2);
}

.track-right .carousel-inner {
    animation: scroll-left var(--duration) linear infinite reverse;
    animation-delay: calc(var(--duration) / -2);
}

@keyframes scroll-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(var(--card-width) * var(--visible-items) * -1));
    }
}

/* Affichage widget */

.carousel-inner .ti-widget.ti-goog .ti-review-item {
    overflow: hidden !important;
    padding: 1rem !important;
    border-radius: 32px !important;
}

.carousel-inner .ti-widget.ti-goog .ti-review-item > .ti-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    overflow: hidden !important;
    padding: 25px !important;
    border-radius: 32px !important;
}

.carousel-inner .ti-widget.ti-goog .ti-review-item > .ti-inner .ti-review-header {
    order: 3;
    margin-top: 25px;
}

.carousel-inner .ti-widget.ti-goog .ti-widget-container .ti-name {
    text-transform: capitalize;
}

.ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner > .ti-stars {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.carousel-inner .ti-widget.ti-goog .ti-review-content .ti-inner {
    color: #4D586A !important;
    font-size: 18px;
    font-style: italic;
}

.carousel-inner .ti-widget.ti-goog .ti-review-content .ti-inner::before {
    content: "“";
}
.carousel-inner .ti-widget.ti-goog .ti-review-content .ti-inner::after {
    content: "”";
}

.carousel-inner .ti-widget.ti-goog .ti-review-content .ti-read-more {
    display: none !important;
}