/**
 * Partners Component Styles
 * 
 * Partners carousel and logo styling with brand color integration
 * Cleaned up from inline JavaScript and gradient masks
 */

/* ========== PARTNERS SECTION LAYOUT ========== */
.partners-section {
  overflow: hidden;
  position: relative;
  /* Brand color gradient background for seamless integration */
  background: linear-gradient(135deg, var(--color-secondary-50) 0%, var(--color-primary-50) 100%);
}

/* Seamless Transition Gradients */
.partners-section .absolute.top-0 {
  /* Orange gradient at top for seamless transition from testimonials */
  background: linear-gradient(to bottom, var(--color-accent-50) 0%, transparent 100%);
  z-index: 5;
}

.partners-section .absolute.bottom-0 {
  /* Primary gradient at bottom for seamless transition to next section */
  background: linear-gradient(to top, var(--color-primary-50) 0%, transparent 100%);
  z-index: 5;
}

/* ========== PARTNERS CAROUSEL ========== */
.partners-carousel-wrapper {
  position: relative;
  overflow: hidden;
  /* Simple clean overflow for better performance */
}

.partnersSwiper {
  overflow: visible;
}

.partnersSwiper .swiper-wrapper {
  transition-timing-function: linear;
}

/* ========== PARTNER LOGO CONTAINERS ========== */
.partner-logo-container {
  backdrop-filter: blur(10px);
  border: 1px solid var(--color-primary-100);
  transition: all var(--duration-normal) var(--ease-smooth);
  background: rgba(255, 255, 255, 0.95);
}

.partner-logo-container:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(92, 225, 230, 0.1);
  border-color: var(--color-primary-200);
}

.partner-logo-container img {
  transition: all var(--duration-normal) var(--ease-smooth);
  filter: grayscale(70%) opacity(80%);
}

.partner-logo-container:hover img {
  filter: grayscale(0%) opacity(100%);
  transform: scale(1.05);
}

/* Smooth infinite scroll effect */
.partnersSwiper .swiper-slide {
  transition: transform var(--duration-normal) var(--ease-smooth);
}