/* ========================================
   BLOCK: TESTIMONIALS
   ======================================== */

@scope (.block-testimonials) {
    :scope {
        padding-block: var(--space-lg);
        background: var(--color-bg-alt);
    }

    .cms-block-inner {
        max-width: var(--content-width);
        margin-inline: auto;
        padding-inline: var(--space-xs);
    }

    /* Testimonials Layout */
    .testimonials-layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }

    @container (min-width: 1024px) {
        .testimonials-layout {
            grid-template-columns: 1fr 2fr;
        }
    }

    /* Testimonials Header */
    .testimonials-header {
        display: grid;
        gap: var(--space-sm);
        align-content: start;
    }

    .testimonials-header .kicker {
        color: var(--color-text-secondary);
    }

    .testimonials-header h2 {
        font-size: var(--text-h2);
        font-weight: 300;
        line-height: 1.1;
    }

    .testimonials-header h2 strong {
        font-weight: 900;
    }

    .testimonials-header p {
        font-size: var(--text-body);
        color: var(--color-text-secondary);
        line-height: 1.7;
        max-width: 400px;
    }

    /* Testimonials Grid */
    .testimonials-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--space-sm);
    }

    @container (min-width: 768px) {
        .testimonials-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    /* Testimonial Card */
    .testimonial-card {
        background: var(--color-bg);
        padding: var(--space-sm);
        display: grid;
        gap: var(--space-xs);
        transition: var(--transition-fast);
    }

    .testimonial-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-lg);
    }

    /* Rating */
    .rating {
        display: flex;
        gap: 5px;
        color: var(--color-accent);
        font-size: var(--text-body);
    }

    /* Quote */
    blockquote {
        margin: 0;
    }

    blockquote p {
        font-size: var(--text-body);
        line-height: 1.7;
        color: var(--color-text);
    }

    /* Testimonial Author */
    .testimonial-author {
        display: flex;
        align-items: center;
        gap: 15px;
        padding-block-start: var(--space-xs);
        border-block-start: 1px solid var(--color-border);
    }

    .testimonial-author figure {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
    }

    .testimonial-author img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .author-info {
        display: grid;
        gap: 5px;
    }

    .author-info strong {
        font-size: var(--text-body);
        font-weight: 700;
    }

    .author-info span {
        font-size: var(--text-small);
        color: var(--color-text-secondary);
    }
}