/* page-recensioni :: testimonials-page-one — CSS di sezione (estratto) */

/* --- from modules/testimonial-section.css --- */
.testimonials-page-one {
    position: relative;
    display: block;
    padding: 120px 0 70px;
}

/* --- from page-recensioni.php (inline <style>) --- */
.testimonials-page-one .row {
    display: flex;
    flex-wrap: wrap;
}

.testimonials-page-one .col-xl-4.col-lg-6.col-md-6 {
    display: flex;
    margin-bottom: 30px;
}

.testimonials-page-one .single-testimonial {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.testimonials-page-one .single-testimonial .text-holder {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.testimonials-page-one .single-testimonial .text-holder .name {
    margin-top: auto;
}

/* Recensioni lunghe: la card non si allunga, scrolla solo il testo.
   305px = 8 righe (line-height 36px) + il padding-top di .text. */
.testimonials-page-one .single-testimonial .text-holder .text {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 305px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: var(--thm-base) #f1f1f1;
}

.testimonials-page-one .single-testimonial .text-holder .text::-webkit-scrollbar {
    width: 5px;
}

.testimonials-page-one .single-testimonial .text-holder .text::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.testimonials-page-one .single-testimonial .text-holder .text::-webkit-scrollbar-thumb {
    background: var(--thm-base);
    border-radius: 3px;
}