/* WT Logo Carousel */
.wt-logo-carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
}

/* Edge fade gradients */
.wt-logo-carousel.wt-lc-fade::before,
.wt-logo-carousel.wt-lc-fade::after {
    content: '';
    position: absolute;
    top: 0;
    width: var(--wt-lc-fade-w, 80px);
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.wt-logo-carousel.wt-lc-fade::before {
    left: 0;
    background: linear-gradient(to right, var(--wt-lc-fade-c, #E0EBF2), transparent);
}
.wt-logo-carousel.wt-lc-fade::after {
    right: 0;
    background: linear-gradient(to left, var(--wt-lc-fade-c, #E0EBF2), transparent);
}

/* Track */
.wt-logo-track {
    display: flex;
    align-items: center;
    gap: var(--wt-lc-gap, 80px);
    width: max-content;
    animation: wt-lc-scroll var(--wt-lc-speed, 25s) linear infinite;
}

/* Pause on hover */
.wt-logo-carousel[data-pause="true"] .wt-logo-track:hover {
    animation-play-state: paused;
}

/* Reverse direction */
.wt-logo-carousel[data-direction="right"] .wt-logo-track {
    animation-name: wt-lc-scroll-reverse;
}

/* Logo items */
.wt-logo-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wt-logo-item img {
    height: var(--wt-lc-height, 50px);
    max-width: var(--wt-lc-maxw, 180px);
    width: auto;
    object-fit: contain;
    opacity: var(--wt-lc-opacity, 0.8);
    transition: opacity 0.3s ease, filter 0.3s ease;
}
.wt-logo-item:hover img {
    opacity: var(--wt-lc-h-opacity, 1);
}

/* Grayscale mode */
.wt-logo-carousel.wt-lc-gray .wt-logo-item img {
    filter: grayscale(100%);
}
.wt-logo-carousel.wt-lc-gray .wt-logo-item:hover img {
    filter: grayscale(0);
}

/* Link reset */
.wt-logo-item a {
    display: flex;
    text-decoration: none;
}

/* Keyframes — right to left */
@keyframes wt-lc-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Keyframes — left to right */
@keyframes wt-lc-scroll-reverse {
    0%   { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}