/* Logo Showcase Widget Styles */
.logo-showcase-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
}

.logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.logo-inner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-item img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Grayscale and Hover color reveal controls */
.logo-showcase-grayscale-yes .logo-item img {
    filter: grayscale(100%);
    opacity: 0.7;
}

.logo-showcase-grayscale-yes.logo-showcase-hover-reveal-yes .logo-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* Grid Layout */
.logo-showcase-grid {
    display: grid;
    align-items: center;
    justify-items: center;
}

/* Justified Layout */
.logo-showcase-justified {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* Carousel/Marquee custom Swiper fixes */
.logo-layout-carousel.swiper,
.logo-layout-carousel.swiper-container {
    overflow: hidden;
    width: 100%;
}

/* Override default Elementor or Swiper uninitialized rules that hide/clip slides */
.logo-layout-carousel .swiper-wrapper {
    display: flex;
    align-items: center;
    overflow: visible !important;
}

.logo-layout-carousel .swiper-slide {
    flex-shrink: 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Smooth continuous marquee transition style */
.logo-showcase-container[data-carousel-mode="marquee"] .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* Slider Custom Navigation triggers styling */
.slider-nav-trigger {
    cursor: pointer;
    user-select: none;
    display: inline-block;
}