/**
 * Section: Testimonial — Grid
 * RSD Design Language Wave 5 Primitive 2.
 * Companion to: pages/sections/testimonial-grid.php
 *
 * @since 3.5.70 (RSD primitives band)
 */

[data-ssla-type="testimonial-grid"]{
    padding: var(--shell-section-padding-y-standard) 48px;
    background: var(--shell-surface-cream);
}

[data-ssla-type="testimonial-grid"][data-ssla-variant-surface="cream"]{ background: var(--shell-surface-cream); }
[data-ssla-type="testimonial-grid"][data-ssla-variant-surface="warm"]{ background: var(--shell-surface-warm); }
[data-ssla-type="testimonial-grid"][data-ssla-variant-surface="light"]{ background: var(--shell-surface-light); }
[data-ssla-type="testimonial-grid"][data-ssla-variant-surface="dark"]{ background: var(--shell-surface-dark); }

.ssla-testimonial-grid{
    max-width: var(--shell-content-max-width);
    margin: 0 auto;
}

.ssla-testimonial-grid-header{
    text-align: center;
    margin-bottom: 64px;
}

.ssla-testimonial-grid-header > * + *{
    margin-top: 16px;
}

.ssla-testimonial-grid-header .ssla-h2{
    max-width: 800px;
    margin: 16px auto 0;
}

.ssla-testimonial-grid-header .ssla-lede{
    max-width: 620px;
    margin: 0 auto;
}

/* Cards grid */
.ssla-testimonial-grid-cards{
    display: grid;
    gap: var(--shell-grid-gap-standard);
    grid-template-columns: repeat(3, 1fr);
}

[data-ssla-type="testimonial-grid"][data-ssla-variant-columns="2"] .ssla-testimonial-grid-cards{
    grid-template-columns: repeat(2, 1fr);
}

[data-ssla-type="testimonial-grid"][data-ssla-variant-columns="3"] .ssla-testimonial-grid-cards{
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1023px) {
    [data-ssla-type="testimonial-grid"][data-ssla-variant-columns="3"] .ssla-testimonial-grid-cards{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 639px) {
    [data-ssla-type="testimonial-grid"]{
        padding: 64px 24px;
    }

    [data-ssla-type="testimonial-grid"] .ssla-testimonial-grid-cards{
        grid-template-columns: 1fr;
    }
}