/**
 * Hubsleek - Testimonial Section ("Client Success")
 * Supports native Kadence Blocks (.wp-block-kadence-testimonials)
 */

.wp-block-kadence-testimonials,
.hubsleek-testimonial-card {
    margin: 0 auto !important;
    background-color: #12181B !important;
    border-radius: 24px !important;
    padding: 56px 60px 24px 60px !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
    max-width: 1180px !important;
}

/* Inner Carousel & Track */
.wp-block-kadence-testimonials .kt-blocks-testimonials-inner-wrap,
.wp-block-kadence-testimonials .kt-blocks-carousel-init,
.wp-block-kadence-testimonials .splide__track,
.hubsleek-testimonial-slider {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    background: transparent !important;
}

.wp-block-kadence-testimonials ul.splide__list,
.hubsleek-testimonial-track {
    display: flex !important;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
    width: 100% !important;
    will-change: transform !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Individual Slide */
.wp-block-kadence-testimonials li.splide__slide,
.wp-block-kadence-testimonials .kt-blocks-testimonial-carousel-item,
.hubsleek-testimonial-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

/* Slide Item Inner Layout (Grid: Avatar on Left, Quote + Author on Right) */
.wp-block-kadence-testimonials .kt-testimonial-item-wrap {
    display: grid !important;
    grid-template-columns: 160px 1fr !important;
    align-items: center !important;
    column-gap: 48px !important;
    row-gap: 20px !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: left !important;
}

.hubsleek-testimonial-slide {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 48px !important;
}

.wp-block-kadence-testimonials .kt-testimonial-meta-wrap {
    display: contents !important;
}

/* Avatar Circle on the Left */
.wp-block-kadence-testimonials .kt-testimonial-media-wrap,
.hubsleek-testimonial-avatar-wrap {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 160px !important;
    height: 160px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background-color: #23282D !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-media-inner-wrap,
.wp-block-kadence-testimonials .kadence-testimonial-image-intrisic {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-image,
.wp-block-kadence-testimonials .kt-testimonial-media-wrap img,
.hubsleek-testimonial-avatar {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 50% !important;
    margin: 0 !important;
}

/* Quote on Top Right */
.wp-block-kadence-testimonials .kt-testimonial-text-wrap,
.hubsleek-testimonial-text-wrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-content-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-content,
.hubsleek-testimonial-quote {
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.625 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    font-style: normal !important;
}

/* Author & Role on Bottom Right */
.wp-block-kadence-testimonials .kt-testimonial-meta-name-wrap,
.hubsleek-testimonial-author {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-name-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-name,
.hubsleek-testimonial-name {
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-occupation-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-kadence-testimonials .kt-testimonial-occupation,
.hubsleek-testimonial-role {
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: rgba(255, 255, 255, 0.55) !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* Horizontal Divider */
.wp-block-kadence-testimonials .hubsleek-testimonial-divider,
.hubsleek-testimonial-divider {
    height: 1px !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

/* Navigation Controls (Arrows & Dots) */
.wp-block-kadence-testimonials .hubsleek-testimonial-controls,
.hubsleek-testimonial-controls {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    user-select: none !important;
    position: relative !important;
    z-index: 10 !important;
}

.wp-block-kadence-testimonials .hubsleek-testimonial-arrow,
.hubsleek-testimonial-arrow {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.45) !important;
    cursor: pointer !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.wp-block-kadence-testimonials .hubsleek-testimonial-arrow:hover,
.hubsleek-testimonial-arrow:hover {
    color: #FFFFFF !important;
    transform: scale(1.15) !important;
}

.wp-block-kadence-testimonials .hubsleek-testimonial-arrow:active,
.hubsleek-testimonial-arrow:active {
    transform: scale(0.95) !important;
}

.wp-block-kadence-testimonials .hubsleek-testimonial-arrow svg,
.hubsleek-testimonial-arrow svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    fill: none !important;
}

.wp-block-kadence-testimonials .hubsleek-testimonial-dots,
.hubsleek-testimonial-dots {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.wp-block-kadence-testimonials .hubsleek-dot,
.hubsleek-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.28) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
}

.wp-block-kadence-testimonials .hubsleek-dot:hover,
.hubsleek-dot:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.wp-block-kadence-testimonials .hubsleek-dot.active,
.hubsleek-dot.active {
    background-color: #FFFFFF !important;
    width: 8px !important;
    height: 8px !important;
}

/* Hide default Kadence Splide arrows/pagination in favor of our custom-styled controls */
.wp-block-kadence-testimonials .splide__arrows,
.wp-block-kadence-testimonials .splide__pagination {
    display: none !important;
}

/* Tablet & Mobile Responsiveness */
@media (max-width: 900px) {

    .wp-block-kadence-testimonials,
    .hubsleek-testimonial-card {
        padding: 40px 36px 20px 36px !important;
    }

    .wp-block-kadence-testimonials .kt-testimonial-item-wrap {
        column-gap: 32px !important;
    }

    .hubsleek-testimonial-slide {
        gap: 32px !important;
    }

    .wp-block-kadence-testimonials .kt-testimonial-media-wrap,
    .hubsleek-testimonial-avatar-wrap {
        width: 130px !important;
        height: 130px !important;
    }
}

@media (max-width: 680px) {

    .wp-block-kadence-testimonials,
    .hubsleek-testimonial-card {
        padding: 30px 20px 18px 20px !important;
        border-radius: 18px !important;
    }

    .wp-block-kadence-testimonials .kt-testimonial-item-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .wp-block-kadence-testimonials .kt-testimonial-text-wrap,
    .wp-block-kadence-testimonials .kt-testimonial-content,
    .wp-block-kadence-testimonials .kt-testimonial-meta-name-wrap {
        grid-column: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .hubsleek-testimonial-slide {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 20px !important;
    }

    .wp-block-kadence-testimonials .kt-testimonial-media-wrap,
    .hubsleek-testimonial-avatar-wrap {
        width: 110px !important;
        height: 110px !important;
    }

    .wp-block-kadence-testimonials .kt-testimonial-text-wrap,
    .wp-block-kadence-testimonials .kt-testimonial-meta-name-wrap,
    .hubsleek-testimonial-text-wrap {
        text-align: center !important;
    }

    .wp-block-kadence-testimonials .kt-testimonial-content,
    .hubsleek-testimonial-quote {
        font-size: 15px !important;
        margin-bottom: 16px !important;
    }

    .wp-block-kadence-testimonials .hubsleek-testimonial-divider,
    .hubsleek-testimonial-divider {
        margin-top: 24px !important;
        margin-bottom: 16px !important;
    }
}