/* ── Logo Ticker Slider – Public Styles ─────────────────────────────────── */

.lts-ticker-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 18px 0;
    box-sizing: border-box;
    /* Fade edges */
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
    );
}

.lts-ticker-inner {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.lts-ticker-track {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    /* gap is set inline from PHP */
    will-change: transform;
    animation: lts-scroll-left var(--lts-duration, 20s) linear infinite;
}

/* Direction variants */
.lts-ticker-wrapper[data-direction="right"] .lts-ticker-track {
    animation-name: lts-scroll-right;
}

/* Pause on hover */
.lts-ticker-wrapper[data-pause-hover="1"]:hover .lts-ticker-track {
    animation-play-state: paused;
}

/* Keyframes */
@keyframes lts-scroll-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes lts-scroll-right {
    0%   { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

/* Individual items */
.lts-ticker-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lts-ticker-item img {
    display: block;
    max-width: none;
    object-fit: contain;
    opacity:1;
    transition: opacity 0.25s ease, transform 0.25s ease;
    filter: grayscale(0%);
	border-radius:4px;
}

.lts-ticker-item a {
    display: block;
    line-height: 0;
}

.lts-ticker-item a:hover img,
.lts-ticker-item:hover img {
    opacity: 1;
    transform: scale(1.05);
    filter: grayscale(0%);
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .lts-ticker-wrapper {
        padding: 12px 0;
    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .lts-ticker-track {
        animation-play-state: paused;
    }
}