/* Marquee Logos Block */
.marquee-logos {
    --gap: var(--wp--preset--spacing--60);
    --logo-height: clamp(3.25rem, 5vw, 5.5rem);
    --logo-max-width: clamp(10rem, 20vw, 18rem);
    display: flex;
    align-items: center;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
}

.marquee-logos .marquee__content {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: max-content;
    gap: var(--gap);
    animation-name: marquee_text_scroll;
    animation-play-state: running;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.marquee-logos .wp-block-image {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.marquee-logos .wp-block-image img {
    display: block;
    width: auto;
    height: var(--logo-height);
    max-width: var(--logo-max-width);
    object-fit: contain;
    object-position: center;
}

@keyframes marquee_text_scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion: reduce) {
    .marquee-logos .marquee__content {
        animation-play-state: paused !important;
    }
}