/**
 * Tinxy Marquee Widget Styles
 */

.tinxy-marquee-band {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    display: block; /* Changed from flex */
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .tinxy-marquee-band {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        transform: none !important;
    }
}

.tinxy-marquee-container {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}

.tinxy-marquee-content {
    display: flex !important;
    display: -webkit-flex !important;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    width: max-content !important;
    width: -webkit-max-content !important;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.tinxy-marquee-group {
    display: flex !important;
    display: -webkit-flex !important;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    align-items: center;
    -webkit-align-items: center;
    white-space: nowrap;
}

.tinxy-marquee-item {
    display: flex !important;
    display: -webkit-flex !important;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    align-items: center;
    -webkit-align-items: center;
    padding: 0;
}

.tinxy-marquee-text {
    line-height: 1;
    white-space: nowrap;
    display: block;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

/* Animations */
@-webkit-keyframes tinxyMarqueeLeft {
    from { -webkit-transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(-33.3333%, 0, 0); }
}

@keyframes tinxyMarqueeLeft {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-33.3333%, 0, 0); }
}

@-webkit-keyframes tinxyMarqueeRight {
    from { -webkit-transform: translate3d(-33.3333%, 0, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes tinxyMarqueeRight {
    from { transform: translate3d(-33.3333%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

.tinxy-marquee-content.animating-left {
    animation-name: tinxyMarqueeLeft !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    -webkit-animation-name: tinxyMarqueeLeft !important;
    -webkit-animation-timing-function: linear !important;
    -webkit-animation-iteration-count: infinite !important;
    animation-play-state: running !important;
    -webkit-animation-play-state: running !important;
}

.tinxy-marquee-content.animating-right {
    animation-name: tinxyMarqueeRight !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    -webkit-animation-name: tinxyMarqueeRight !important;
    -webkit-animation-timing-function: linear !important;
    -webkit-animation-iteration-count: infinite !important;
    animation-play-state: running !important;
    -webkit-animation-play-state: running !important;
}