.yk-elementor-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee.custom-marquee-track {
    width: 100%;
    overflow: visible;
}

.marquee-wrapper {
    display: inline-flex;
    white-space: nowrap;
    will-change: transform;
}

.marquee-item {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.3s ease;
}

.marquee-item:hover {
    opacity: 0.8;
}

.marquee-separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.marquee-separator svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.marquee-separator img {
    width: 20px;
    height: auto;
    vertical-align: middle;
}

/* Vertical marquee styles */
.marquee.custom-marquee-track[data-axis="y"] .marquee-wrapper {
    flex-direction: column;
    white-space: normal;
}

.marquee.custom-marquee-track[data-axis="y"] .marquee-item,
.marquee.custom-marquee-track[data-axis="y"] .marquee-separator {
    display: block;
    margin-right: 0;
    margin-bottom: var(--gap, 30px);
}

/* Pause state styling */
.marquee.custom-marquee-track.marquee-paused {
    cursor: grabbing;
}

/* Optional: smooth cursor for scrubbing */
.marquee.custom-marquee-track {
    cursor: grab;
}

.marquee.custom-marquee-track:active {
    cursor: grabbing;
}

/* Responsive */
@media (max-width: 768px) {
    .marquee-item {
        font-size: 0.9em;
    }
    
    .marquee-separator {
        margin-right: 15px;
    }
    
    .marquee-item, .marquee-separator {
        margin-right: 15px;
    }
}