/*
*   Common
*/
.reviews-block {
    overflow: hidden;
}
.review-wrapper {
    display: flex;
    flex-direction: column;
}
.review-wrapper p {
    margin: 0;
    font-weight: var(--font-weight-regular);
}
.review-title {
    text-transform: uppercase;
}
.review-date {
    padding: 15px 0;
    font-family: var(--font-family-roboto-condensed);
    font-weight: var(--font-weight-semibold);
}
.stars {
    padding-bottom: 15px;
}
.reviews-block .review-item {
    height: 312px;
    padding: 30px 15px;
    background-color: var(--wp--preset--color--white);
    transition: all .2s;
}
.reviews-block .review-item .review-title,
.reviews-block .review-item .review-date {
    max-height: 999px;
    transition: padding .1s, max-height .1s;
}
.reviews-block .review-item:not(.expanded) .review-content,
.reviews-block .review-item:not(:hover) .review-content {
    display: -webkit-box;
    line-clamp: 8;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-initialized .navigation {
    padding: 15px;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    align-items: center;
}
div.swiper-button-next,
div.swiper-button-prev {
    position: relative;
    inset: unset;
    margin: 0;
    width: 30px;
    height: 30px;
    background: url("../media/arrow-next.svg") center no-repeat;
    background-size: contain;
}
.swiper-button-prev {
    transform: rotate(180deg);
}
div.swiper-button-next:after,
div.swiper-button-prev:after {
    content: unset;
}

/*
*   Mobile
*/
@media screen and (max-width: 768px) {
    .reviews-block .review-item {
        height: 312px;
        border: 1px solid var(--wp--preset--color--black);
    }
    .reviews-block .star {
        height: 30px;
        width: 30px;
    }
    .reviews-block .review-item.expanded {
        background-color: var(--wp--preset--color--yellow);
        overflow: scroll;
    }
    .reviews-block .review-item.expanded .review-title,
    .reviews-block .review-item.expanded .review-date {
        max-height: 0;
        opacity: 0;
        padding: 0;
    }
    .reviews-block .review-item.expanded .stars {
        order: -1;
    }
    .reviews-block .review-item:not(.expanded) .review-content {
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }
}

/*
*   Desktop
*/
@media screen and (min-width: 768px) {
    .reviews-block .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        border: 1px solid var(--wp--preset--color--black);
        background-color: var(--wp--preset--color--black);
    }
    .reviews-block .review-item {
        height: 354px;
        padding: 30px;
    }
    .reviews-block .review-item:hover {
        background-color: var(--wp--preset--color--yellow);
    }
    .reviews-block .review-item:hover .review-title,
    .reviews-block .review-item:hover .review-date {
        max-height: 0;
        opacity: 0;
        padding: 0;
    }
    .reviews-block .review-item:hover .stars {
        order: -1;
    }
    .reviews-block .review-item:not(:hover) .review-content {
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }
    .reviews-block .navigation {
        display: none;
    }
    .review-date {
        padding: 30px 0;
    }
    .stars {
        padding-bottom: 30px;
    }
}