/* MA Elementor Addons — Marquee Bar
   Neutralne style bazowe: bez tła, font i kolor dziedziczone ze strony. */

.elementor-widget-ma-marquee-bar,
.elementor-widget-ma-marquee-bar .elementor-widget-container {
    width: 100%;
}

.ma-marquee {
    --ma-mq-distance: 0px;
    --ma-mq-duration: 30s;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.ma-marquee__viewport {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 0;
}

.ma-marquee__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: max-content;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.ma-marquee.is-ready .ma-marquee__track {
    animation: ma-marquee-scroll var(--ma-mq-duration) linear infinite;
}

.ma-marquee--right.is-ready .ma-marquee__track {
    animation-direction: reverse;
}

.ma-marquee--pause-hover:hover .ma-marquee__track {
    animation-play-state: paused;
}

.ma-marquee__group {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
}

.ma-marquee__item {
    display: inline-block;
    flex-shrink: 0;
    white-space: nowrap;
}

a.ma-marquee__item {
    text-decoration: none;
    transition: color .2s ease;
}

.ma-marquee__sep {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 40px;
    line-height: 1;
    user-select: none;
}

.ma-marquee__sep-char {
    display: inline-block;
}

.ma-marquee-empty {
    padding: 12px 16px;
    border: 1px dashed #c3c4c7;
    font-size: 13px;
    color: #787c82;
    text-align: center;
}

@keyframes ma-marquee-scroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(calc(-1 * var(--ma-mq-distance)), 0, 0); }
}
