/* ==========================================================================
   LOGO STRIP — a row of partner / platform logos   (visual only)
   ==========================================================================
   Grayscale logos on a light band, e.g. "works with these platforms", built
   on Contao's NATIVE slider markup — a `slider` content element whose children
   are `image` elements. Contao emits `.content-slider > .slider-wrapper > …`,
   which is what the rules below style; there is no made-up wrapper class.

   Two earlier hand-rolled approaches lived here and are gone: a `.logo-strip`
   flex row and a `.logo-strip-img` single pre-composed image. Neither was used
   on any page once the carousel landed — three mechanisms for one job.
   ========================================================================== */

/* ---- Logo carousel (native slider): 11 visible, advances 1 at a time ----- */
.slider-control { display: none !important; }   /* no arrows, no dots */
.content-slider {
    overflow: hidden;
    .slider-wrapper { display: flex; align-items: center; will-change: transform; }
    .slider-wrapper > * {
               /* each slide = one logo */
        flex: 0 0 calc(100% / 11);
        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.85;          /* darker grey than the 0.6 it was (Bob, 10 Oct 2026) */
    }
}
@media only screen and (max-width: 900px) { .content-slider .slider-wrapper > * { flex-basis: calc(100% / 5); } }
@media only screen and (max-width: 560px) { .content-slider .slider-wrapper > * { flex-basis: calc(100% / 3); } }