/**
 * MP Blocks - MP Brand Slider styles
 *
 * @author    Maxime Potier <contact@maximepotier.fr>
 * @copyright 2026 Maxime Potier
 * @license   Commercial - All rights reserved
 */

.mpbs-slider {
  width: 100%;
  box-sizing: border-box;
  /* Vertical spacing harmonized with the other standalone MP Blocks
     sections (MP Reassurance, MP Category Products, MP Two Columns Text
     all use the same 1.5rem) - this block previously had none at all. */
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* "Layout: contained" setting - boxes the slider within the site's standard
   container width instead of the default edge-to-edge full-bleed carousel.
   Mirrors the theme's .container rule (fluid + 15px gutters below 1420px,
   capped at 1400px above it) - same convention as MP Video Slider / MP CTA
   Block's own contained layout, so all three blocks line up consistently. */
.mpbs-slider--contained {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1420px) {
  .mpbs-slider--contained {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* One direct child per logo - TinySlider (tns) turns these into slide items */
.mpbs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  padding: 0 20px;
  box-sizing: border-box;
}

.mpbs-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

a.mpbs-logo {
  cursor: pointer;
}

div.mpbs-logo {
  cursor: default;
}

/* Uniform height across all logos regardless of their native aspect ratio */
.mpbs-logo-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

@media (max-width: 575.98px) {
  .mpbs-item {
    height: 64px;
    padding: 0 10px;
  }
}

/* "Brand card border/box shadow" settings - the card grows to fit its
   padding instead of clipping the logo within the default fixed height. */
.mpbs-item--card {
  height: auto;
  min-height: 90px;
}

@media (max-width: 575.98px) {
  .mpbs-item--card {
    min-height: 64px;
  }
}