/**
 * Widget: Logos Carousel Style
 */

.dn-logos-carousel {
    --dn-logo-gap: 30px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dn-logos-carousel .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; /* GPU acceleration για smooth animation */
}

/* Marquee: linear easing — set via JS, αλλά και εδώ ως fallback */
.dn-logos-carousel .swiper-wrapper {
    transition-timing-function: linear;
}

.dn-logos-carousel .swiper-container {
    overflow: hidden;
}

.dn-logos-carousel__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    pointer-events: none; /* Αποτρέπει tap/click να φτάσει στο Swiper */
}

.dn-logos-carousel__img {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    transition: filter 350ms ease, opacity 350ms ease;
}

/* ── Grayscale & Hover ── */
.dn-logos-carousel__wrapper.has-grayscale .dn-logos-carousel__img {
    filter: grayscale(100%) contrast(0.8);
}

.dn-logos-carousel__wrapper.has-grayscale.has-hover-color .dn-logos-carousel__item:hover .dn-logos-carousel__img {
    filter: none;
}