/* Logo Slider Frontend Styles */

.logo-slider {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
  pointer-events: none; /* Forhindrer alle interaktioner */
}

.logo-slider .swiper-wrapper {
  display: flex;
  align-items: center;
  transform-style: preserve-3d; /* Bedre performance */
  will-change: transform; /* Optimering til GPU */
  transition-timing-function: linear; /* Smooth linear movement */
}

.logo-slider .swiper-slide {
  width: auto !important;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-slider .swiper-slide img {
  max-height: 60px;
  width: auto;
  height: auto;
  max-width: 150px;
  object-fit: contain;
  opacity: 1; /* Fuldt synlige */
  /* Ingen filter - original farver */
}

/* Special handling for SVGs in slider */
.logo-slider .swiper-slide img[src$=".svg"] {
  width: auto;
  height: 60px;
  min-width: 40px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .logo-slider .swiper-slide img {
    max-height: 45px;
    max-width: 120px;
  }
}

@media (max-width: 480px) {
  .logo-slider .swiper-slide img {
    max-height: 35px;
    max-width: 100px;
  }
}

/* Custom styling for better visual integration */
.logo-slider-container {
  background: #f8f9fa;
  padding: 30px 0;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}

.logo-slider-container .logo-slider {
  margin: 0;
}

/* Alternative dark theme */
.logo-slider.dark-theme {
  background: #1a1a1a;
  padding: 30px 0;
}

.logo-slider.dark-theme .swiper-slide img {
  filter: grayscale(100%) brightness(0.8);
  opacity: 0.6;
}

.logo-slider.dark-theme .swiper-slide:hover img {
  filter: grayscale(0%) brightness(1);
  opacity: 1;
}