/* ============================================================================
   EN home (/en/, post 265655) — "JTL Community / Who scales with us" logo
   slider: grayscale parity with the /de/ home.
   ----------------------------------------------------------------------------
   Bug (QA, prod): the client logos in the EN home community slider render in
   full colour, whereas the /de/ home shows them monochrome.

   Root cause: the two homes render this section with DIFFERENT widgets.
     - /de/ home uses the [product_companies] widget (.product-company-section),
       which opts into the global monochrome treatment in custom-clone.css
       (~12586-12673):  `filter: grayscale(1) contrast(2)`.
     - /en/ home uses the OurPartnersSlider widget (.our-partner-slider), which
       carries no such treatment → logos stay full colour.

   Fix: apply the SAME grayscale filter to the EN community slider's logos.
   Scope is the EN home's own page-id (265655) so the colourful
   OurPartnersSlider used on partner pages (jp-460-jtl-partner-segments etc.)
   is untouched. There is exactly ONE .our-partner-slider on the EN home (the
   community section), so no tighter hook is required.

   NB: the EN home also carries body.page-id-264968 via the EN page-id bridge
   mu-plugin (scripts/prod/20-en-pageid-bridge.php); we deliberately scope to
   265655 (EN-only) rather than 264968 (shared) to keep the intent explicit.
   ============================================================================ */

body.page-id-265655 .our-partner-slider img {
    filter: grayscale(1) contrast(2) !important;
}

/* White-box removal — mirror the /de/ home community treatment. Some logos ship
   a baked-in white rectangle (FLYERALARM) or a coloured element (Seeberger's
   leaf). CSS can't reach inside the <img>, so paint the logo's <picture> wrapper
   Light-Sand and multiply-blend the <img>: white pixels multiply into the sand
   and disappear, dark marks stay. Identical to custom-clone.css's
   `.product-company-section` treatment that the /de/ slider uses.

   NB: this only matches the /de/ COLOUR treatment (grayscale + white-box
   removal). The EN slider renders smaller logos than /de/ because it is a
   different widget (OurPartnersSlider, swiper slidesPerView:5 / spaceBetween:96)
   in a narrower container; making the logo SIZE match /de/ needs a widget-config
   change (which is shared with the partner pages) — tracked separately. */
body.page-id-265655 .our-partner-slider .swiper-slide__logo picture {
    background-color: #eeeee7 !important;
    display: inline-flex !important;
}
body.page-id-265655 .our-partner-slider .swiper-slide__logo img {
    mix-blend-mode: multiply !important;
}