/**
 * KUAD Theme Designer - Public Testimonials Module Styles
 * Soft UI Neumorphic Design, Fluid Typography & Touch UI Responsive Layout
 * 
 * @package KUADThemeDesigner
 */

.ks-section-testimonials .ks-m-testimonies-thumbnail-slider {
    margin-top: 40px !important;
}

.ks-section-testimonials .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.ks-m-testimonies-thumbnail-item {
    padding: 15px !important;
    box-sizing: border-box !important;
}

/* Relative flex layout with neumorphic soft card */
.ks-section-testimonies .ks-m-testimonies-thumbnail-item-wrapper,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-wrapper,
.ks-m-testimonies-thumbnail-item-wrapper {
    background: var(--ks-block-card-bg, #ffffff) !important;
    border: var(--ks-neumorphic-border) !important;
    border-radius: var(--ks-card-radius, 24px) !important;
    padding: clamp(24px, 4vw, 40px) clamp(18px, 3vw, 30px) !important;
    margin: 20px 10px !important;
    box-shadow: var(--ks-neumorphic-shadow-dark) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    min-height: auto !important;
    height: calc(100% - 40px) !important;
    box-sizing: border-box !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.ks-section-testimonies .ks-m-testimonies-thumbnail-item-wrapper:hover,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-wrapper:hover,
.ks-m-testimonies-thumbnail-item-wrapper:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
}

.ks-section-testimonies .ks-m-testimonies-thumbnail-item-wrapper img,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-wrapper img,
.ks-m-testimonies-thumbnail-item-wrapper img {
    width: clamp(70px, 8vw, 90px) !important;
    height: clamp(70px, 8vw, 90px) !important;
    border-radius: 50% !important;
    border: 3px solid var(--ks-block-card-bg, #ffffff) !important;
    box-shadow: 0 8px 25px rgba(var(--ks-primary-rgb, 45, 26, 104), 0.08) !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin-bottom: 20px !important;
    object-fit: cover !important;
}

.ks-section-testimonies .ks-m-testimonies-thumbnail-item-content,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-content,
.ks-m-testimonies-thumbnail-item-content {
    font-family: var(--ks-body-font, 'Inter', sans-serif) !important;
    font-size: clamp(14px, 1.8vw, 15px) !important;
    line-height: 1.7 !important;
    color: var(--ks-text-color, #444444) !important;
    margin-bottom: 25px !important;
    flex-grow: 1 !important;
    padding: 0 !important;
}

.ks-m-testimonies-thumbnail-item-content-quotes { display: none !important; }

.ks-section-testimonies .ks-m-testimonies-thumbnail-item-content::before,
.ks-section-testimonies .ks-m-testimonies-thumbnail-item-content::after,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-content::before,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-content::after,
.ks-m-testimonies-thumbnail-item-content::before,
.ks-m-testimonies-thumbnail-item-content::after {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: var(--ks-secondary-color, var(--ks-primary-color, #C05A86)) !important;
    line-height: 0 !important;
}
.ks-section-testimonies .ks-m-testimonies-thumbnail-item-content::before,
.ks-m-testimonies-thumbnail-item-content::before { content: "“" !important; vertical-align: top !important; margin-right: 4px !important; }
.ks-section-testimonies .ks-m-testimonies-thumbnail-item-content::after,
.ks-m-testimonies-thumbnail-item-content::after { content: "”" !important; vertical-align: bottom !important; margin-left: 4px !important; }

.ks-section-testimonies .ks-m-testimonies-thumbnail-item-name,
.ks-section-testimonies .ks-m-testimonies-thumbnail-item-name,
.ks-m-testimonies-thumbnail-item-name {
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    font-weight: 700 !important;
    color: var(--ks-heading-color, var(--ks-primary-color, #2D1A68)) !important;
    font-size: 15px !important;
}

.ks-section-testimonies .ks-m-testimonies-thumbnail-item-name span,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-name span,
.ks-m-testimonies-thumbnail-item-name span,
.ks-section-testimonies .ks-m-testimonies-thumbnail-item-company,
.ks-section-testimonials .ks-m-testimonies-thumbnail-item-company,
.ks-m-testimonies-thumbnail-item-company {
    font-weight: 400 !important;
    color: var(--ks-text-muted, #888888) !important;
    font-size: 13.5px !important;
    display: block !important;
    margin-top: 4px !important;
}

/* Quotation marks title element cleanup */
.ks-m-testimonies-thumbnail-quotation-mark {
    display: none !important;
}

.ks-m-testimonies-thumbnail-title-container {
    height: auto !important;
    margin-bottom: 10px !important;
}

.ks-m-testimonies-thumbnail-title {
    font-size: 0 !important;
}

/* Slick dots visual alignment */
.ks-section-testimonies .slick-dots,
.ks-section-testimonials .slick-dots,
.ks-m-testimonies-thumbnail-slider .slick-dots {
    margin-top: 20px !important;
    position: relative !important;
    bottom: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

.ks-section-testimonies .slick-dots li,
.ks-section-testimonials .slick-dots li,
.ks-m-testimonies-thumbnail-slider .slick-dots li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
}

.ks-section-testimonies .slick-dots li button,
.ks-section-testimonials .slick-dots li button,
.ks-m-testimonies-thumbnail-slider .slick-dots li button {
    background: rgba(var(--ks-primary-rgb, 45, 26, 104), 0.25) !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.ks-section-testimonies .slick-dots li.slick-active button,
.ks-section-testimonials .slick-dots li.slick-active button,
.ks-m-testimonies-thumbnail-slider .slick-dots li.slick-active button {
    background: var(--ks-secondary-color, var(--ks-primary-color, #C05A86)) !important;
    width: 24px !important;
    border-radius: 12px !important;
}

.ks-section-testimonies .slick-dots li button::before,
.ks-section-testimonials .slick-dots li button::before,
.ks-m-testimonies-thumbnail-slider .slick-dots li button::before {
    display: none !important;
    content: none !important;
}