/* Faiyum Logo Marquee — Public Styles */
.flm-marquee {
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
}

/* Fade edges */
.flm-fade-left,
.flm-fade-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}
.flm-fade-left  { left:  0; background: linear-gradient(to right, var(--flm-bg, #fff) 0%, transparent 100%); }
.flm-fade-right { right: 0; background: linear-gradient(to left,  var(--flm-bg, #fff) 0%, transparent 100%); }

.flm-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

/* Pause on hover */
.flm-pause-hover:hover .flm-track { animation-play-state: paused; }

/* Items */
.flm-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.flm-item img {
    width: auto;
    display: block;
    transition: filter 0.35s ease, transform 0.35s ease, opacity 0.35s ease;
    opacity: 0.85;
}
.flm-item a { display: flex; align-items: center; }

/* Grayscale */
.flm-grayscale .flm-item img { filter: grayscale(100%); }

/* Hover color restore */
.flm-grayscale.flm-hover-color .flm-item:hover img {
    filter: grayscale(0%);
    transform: scale(1.08);
    opacity: 1;
}
/* Hover without grayscale */
.flm-hover-color:not(.flm-grayscale) .flm-item:hover img {
    transform: scale(1.08);
    opacity: 1;
}

/* ── Animations ── */
@keyframes flm-scroll-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
@keyframes flm-scroll-right {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}

/* Responsive */
@media (max-width: 600px) {
    .flm-fade-left,
    .flm-fade-right { width: 40px; }
}