/* =============================================
   Logo Carousel Widget
   ============================================= */
.ek-logo-carousel {
    @apply relative w-full;
}

.ek-logo-carousel-item {
    @apply flex items-center justify-center w-full h-full transition-all duration-300;
}

.ek-logo-carousel-link {
    @apply no-underline flex items-center justify-center w-full h-full;
}

.ek-logo-carousel-figure {
    @apply flex items-center justify-center w-full h-full m-0 p-0;
}

.ek-logo-carousel-img {
    @apply block max-w-full h-auto object-contain transition-all duration-300;
}

/* Navigation Arrows */
.ek-logo-carousel-nav{
    @apply absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 flex items-center justify-center rounded-full cursor-pointer bg-white text-gray-700 shadow-md hover:bg-gray-100 hover:shadow-lg transition-all duration-300;

    svg {
        @apply w-[1em] h-[1em];
    }
}

.ek-logo-carousel-prev {
    @apply left-2;
}

.ek-logo-carousel-next {
    @apply right-2;
}

/* Pagination */
.ek-logo-carousel-pagination {
    @apply text-center mt-4;
}

.ek-arrow-sync-yes{
    .ek-logo-carousel-nav{
        @apply translate-x-[calc(50%-115px)];
    }
}