.mte-ticker {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.mte-viewport {
    overflow: hidden;
    width: 100%;
    display: flex;
}

.mte-track {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: max-content;
    animation: mte-scroll var(--mte-speed, 30s) linear infinite;
    animation-direction: var(--mte-direction, normal);
    will-change: transform;
}

.mte-item {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.mte-item a {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
}

.mte-item-text {
    display: inline-block;
    line-height: 1.2;
}

.mte-separator {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

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

/* Keyframes: translate from 0 to -50% because the track content is duplicated by JS */
@keyframes mte-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* Editor preview: ensure it renders even without JS duplication */
.elementor-editor-active .mte-track {
    animation-duration: var(--mte-speed, 30s);
}