/* Atlas Chat: content block + partners (row / slider)*/


/* ---------- Partners (below the chat card) ---------- */
/* One row of logos: 5 on desktop, 2 on mobile. Slides when there are more. */
.atlas-partners {
  --visible: 5;   /* logos per row on desktop (keep in sync with the JS) */
  --gap: 28px;
}

 
.atlas-partners-swiper { width: 100%; overflow: hidden; max-width: 640px; margin: auto;}
.atlas-partners-swiper .swiper-wrapper { display: flex; align-items: center; }
 
.atlas-partners-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.atlas-partners-item img {
  height: 40px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}
/* Turns logos white for the dark background */
.atlas-partners-item-white img { filter: brightness(0) invert(1); opacity: .92; }
.atlas-partners-name { font-size: 14px; font-weight: 600; color: #f2efe9; }
 
/* Static row (all logos fit) and fallback before Swiper starts:
   each logo takes 1/--visible of the row, same size as a slide */
.atlas-partners-swiper:not(.swiper-initialized) .swiper-wrapper { gap: var(--gap); max-width: 640px; margin: auto;}
.atlas-partners-swiper:not(.swiper-initialized) .swiper-slide {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  min-width: 0;
}
.atlas-partners-swiper-static .swiper-wrapper { justify-content: center; }