/* Styly pro kontejner běžícího pruhu - ZŮSTÁVÁ STEJNÝ */

.psp-ticker-wrapper {

    display: flex;

    align-items: center;

    background-color: #e8e8f2;

    padding: 8px 15px;

    font-size: 15px;

    color: #444;

    overflow: hidden;

    white-space: nowrap;

    border-radius: 24px;

    margin: 7px auto;

    width: 100%;

    box-sizing: border-box;

}



/* Vnitřní kontejner pro animované položky - ZMĚNA */

.psp-ticker-inner {

    display: flex; /* Už nepotřebujeme pevnou šířku, přizpůsobí se obsahu */

    animation: psp-ticker-scroll 170s linear infinite;

}



/* Jedna položka v tickeru - ZŮSTÁVÁ STEJNÝ */

.psp-ticker-item {

    padding-right: 30px;

    flex-shrink: 0;

}



/* Odkazy a hover efekty - ZŮSTÁVAJÍ STEJNÉ */

.psp-ticker-item a {

    color: #444;

    text-decoration: none;

    transition: color 0.2s ease-in-out;

}

.psp-ticker-item a:hover {

    color: #000000;

}



/* Definice animace pro posuv - ZÁSADNÍ ZMĚNA */

@keyframes psp-ticker-scroll {

    0% {

        transform: translateX(0);

    }

    100% {

        /* Posuneme kontejner o 50% jeho šířky, což je přesně délka jedné sady položek */

        transform: translateX(-50%);

    }

}