.logo-carousel-section {
  display: block;
  overflow: hidden;
}

.logo-carousel__header {
  margin-bottom: 30px;
}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.logo-carousel__wrapper {
  position: relative;
  width: 100%;
}

/* Flex container for the sliding track */
.logo-carousel__list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 50px; /* Space between logos */
  padding: 10px 0; /* Vertical breathing room */
  margin: 0;
  list-style: none;
  
  /* Smooth scrolling */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  
  /* Hide scrollbar */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

.logo-carousel__list::-webkit-scrollbar { 
  display: none; /* Chrome/Safari */
}

/* Individual Logo Item */
.logo-carousel__item {
  flex: 0 0 auto; /* Don't shrink, don't grow */
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-carousel__link {
  display: block;
  transition: opacity 0.2s;
}

.logo-carousel__link:hover {
  opacity: 0.8;
}

.logo-carousel__image {
  display: block;
  width: auto; /* Width auto ensures aspect ratio is kept based on height */
  /* Max height is controlled by Liquid settings */
}

/* Mobile Adjustments */
@media screen and (max-width: 768px) {
  .logo-carousel__list {
    gap: 30px; /* Smaller gap on mobile */
  }
}