/* ==========================================================================
   LOGO STRIP — a carousel of partner / platform logos
   ==========================================================================
   Grayscale logos built on Contao's NATIVE slider: a `slider` content element
   with class `logo-strip`, whose children are `image` elements. Contao emits
   `.content-slider > .slider-wrapper > …`; the class sits on that element
   itself, not on an invented wrapper, and leaves every other slider alone.
   11 logos visible (5 under 900px, 3 under 560px), advancing one at a time.
   ========================================================================== */
.content-slider.logo-strip {
    overflow: hidden;
    .slider-control { display: none; }   /* no arrows, no dots */
    .slider-wrapper { display: flex; align-items: center; will-change: transform; }
    .slider-wrapper > * {
        flex: 0 0 calc(100% / 11);       /* each slide = one logo */
        box-sizing: border-box;
        padding-inline: clamp(10px, 1.4vw, 26px);
    }
    .slider-wrapper figure { margin: 0; }
    .slider-wrapper img {
        display: block;
        margin: 0 auto;
        max-height: 40px;
        width: auto;
        max-width: 100%;
        filter: grayscale(1);
        opacity: 0.6;
    }
}
@media only screen and (max-width: 900px) { .content-slider.logo-strip .slider-wrapper > * { flex-basis: calc(100% / 5); } }
@media only screen and (max-width: 560px) { .content-slider.logo-strip .slider-wrapper > * { flex-basis: calc(100% / 3); } }