/* Testimonials component styles */

/* Center the block wrapper when it contains testimonial slider */
.block-wrapper:has(.testimonial-slider) {
    display: block;
    width: 100% !important;
}

/* Main slider container */
.testimonial-slider h1 {
    color: white;
}

/* Slider arrows */
.testimonial-slider .slider-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 250px;
}

.testimonial-slider .slider-arrow .left-arrow {
    width: 35px;
    height: 72px;
    cursor: pointer;
    background: url('/themes/custom/canvas/images/testimonial_arrow.png') 0 0;
}

.testimonial-slider .slider-arrow .right-arrow {
    width: 35px;
    height: 72px;
    cursor: pointer;
    background: url('/themes/custom/canvas/images/testimonial_arrow.png') 35px 0;
}

/* Testimonials container */
.testimonial-slider [id^="testimonials-"] {
    width: calc(100% - 100px);
    color: white !important;
    padding: 0px 15%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Links in testimonials */
body .testimonial-slider [id^="testimonials-"] a {
    color: white !important;
    text-decoration: underline !important;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .testimonial-slider [id^="testimonials-"] {
        font-size: 70% !important;
    }
}

/* Testimonial dots/indicators */
.testimonial-dots {
    margin-top: 20px;
}

.testimonial-dots div {
    width: 22px;
    height: 22px;
    margin-right: 2px;
    cursor: pointer;
    background: url(/themes/custom/canvas/images/testimonial_circle.png) 0px 0px;
    display: inline-block;
}

.testimonial-dots div.active {
    background-position: 22px 0px;
}

/* Testimonial slots */
.testimonial-slot {
    display: none;
    width: 100%;
}

.testimonial-slot.active {
    display: block;
}

/* Testimonial content area - allow flex layouts */
.testimonial-content-area {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Allow flex-row components to grow and display side by side */
.testimonial-content-area .flex-row-container {
    width: 100%;
}

/* Allow child components in flex-row to grow */
.testimonial-content-area .flex-row-container > * {
    flex: 1;
    min-width: 0;
}

/* Stack flex-row items on small screens */
@media (max-width: 768px) {
    .testimonial-content-area .flex-row-container {
        flex-direction: column !important;
    }
    
    .testimonial-content-area .flex-row-container > * {
        width: 100%;
    }
}

/* Hidden sidebar selector */
.testimonials-sidebar-selector {
    display: none;
}