/**
 * Top Voices Component Styles
 *
 * Layout styles for the Top Voices component.
 * Testimonial card and interview card styles are inherited from
 * customer-voice-list/style.css and customer-voice-interview/style.css.
 *
 * @package RIKAI_Marketing
 * @since 1.0.0
 */

/* ==================================================
   Testimonials Block
   ================================================== */

.top-voices-testimonials {
    margin-bottom: 40px;
}

/* Equal-height cards: override masonry flex-start so columns stretch to match each other */
.top-voices-testimonials .testimonials-masonry {
    align-items: stretch;
}

.top-voices-testimonials .testimonials-col-left,
.top-voices-testimonials .testimonials-col-right {
    display: flex;
    flex-direction: column;
}

.top-voices-testimonials .testimonial-col,
.top-voices-testimonials .testimonial-card {
    flex: 1;
    height: 100%;
}

.top-voices-testimonials .testimonial-content {
    border-bottom: 2px solid var(--secondary-border-color);
}

.top-voices-testimonials .testimonial-highlight {
    font-size: 16px;
}

.top-voices-testimonials .company-name {
    margin-bottom: 0px;
}

.top-voices-testimonials .customer-name {
    font-size: 16px;
}

.top-voices-testimonials .testimonial-text {
    margin-top: 10px;
    border-top: 1px solid var(--primary-color);
    padding-top: 10px;
}

/* ==================================================
   Interviews Block
   ================================================== */

.top-voices-interviews {
    /* margin-top: 20px; */
}

@media (max-width: 991px) {
    #top-voices-interviews-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        cursor: grab;
        padding-bottom: 12px;
    }

    #top-voices-interviews-grid.is-grabbing {
        cursor: grabbing;
    }

    #top-voices-interviews-grid > [class*="col-"] {
        flex: 0 0 80%;
        max-width: 80%;
    }
}

/* ==================================================
   Responsive
   ================================================== */
.top-voices-testimonials .testimonial-logo img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

@media (min-width: 1400px) {
    .top-voices-testimonials .testimonial-logo {
        height: 266px;
        width: 266px;
    }
}

@media (max-width: 1399px) {
    .top-voices-testimonials .testimonial-logo {
        height: 221px;
        width: 221px;
    }
}

@media (max-width: 1199px) {
    .top-voices-testimonials .testimonial-logo {
        height: 176px;
        width: 176px;
    }
}

@media (max-width: 991px) {
    .top-voices-testimonials .testimonial-content.h-100 {
        height: auto !important;
    }

    .top-voices-interviews {
        padding: 0 10px;
    }

    .top-voices-testimonials .testimonial-logo {
        height: 286px;
        width: 286px;
    }
}

@media (max-width: 767px) {
    .top-voices-testimonials {
        margin-bottom: 40px;
    }

    .top-voices-interviews {
        margin-top: 40px;
        padding: 0 35px;
    }
    .top-voices-testimonials .testimonial-logo {
        height: auto;
        width: 100%;
        justify-content: center;
    }
    .top-voices-testimonials .testimonial-logo img {
        height: auto;
        width: 100%;
    }
}