/* Logo Marquee Slider — Public Styles */

.lms-slider {
    background-color: var(--lms-bg, #f7f7f7);
    overflow-x: hidden;
    min-width: 100%;
    outline: 0;
}

.lms-slide {
    width:  var(--lms-w, 200px);
    height: var(--lms-h, 80px);
    display: flex;
    align-items: center;
    text-align: center;
}

.lms-ref {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.lms-picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    box-sizing: border-box;
}

.lms-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: filter 0.3s ease;
}


/* Flickity overrides */
.lms-slider .flickity-viewport {
    overflow: visible;
}
.lms-slider.flickity-enabled {
    outline: none;
}

/* ── Responsive ── */
@media screen and (max-width: 767px) {
    .lms-slide {
        width: calc(var(--lms-w, 200px) * 0.75);
    }
}
@media screen and (max-width: 480px) {
    .lms-slide {
        width: calc(var(--lms-w, 200px) * 0.55);
    }
}