/* Styly pro kontejner běžícího pruhu */

.psp-ticker-wrapper {

    display: flex;

    align-items: center;

    background-color: #d6d6d6;

    padding: 8px 15px;

    font-size: 16px;

color: #444; /* PŘIDANÁ BARVA TEXTU - pro dobrou čitelnost na světlém pozadí */

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    border-radius: 24px;

    margin: 7px auto;

    width: 100%;

    box-sizing: border-box;

}



/* Vnitřní kontejner pro animované položky */

.psp-ticker-inner {

    display: flex;

    /* Důležité: Tady je úprava. Využijeme calc() pro správnou šířku */

    width: calc(80% - 10px); /* Předpokládám šířku statického textu je 150px (text + margin) */

    animation: psp-ticker-scroll 130s linear infinite; /* Animace */

}

/* Odkazy uvnitř tickeru */

.psp-ticker-item a {

    color: #444; /* ZDE ZMĚŇTE BARVU */

    text-decoration: none;

    transition: color 0.2s ease-in-out;

}

/* Jedna položka v tickeru */

.psp-ticker-item {

    padding-right: 30px;

    /* Důležité: nastaví šířku podle obsahu */

    flex-shrink: 0; 

}





.psp-ticker-item a:hover {

    color: #000000; /* Světlejší barva při najetí */

}



/* Definice animace pro posuv */

@keyframes psp-ticker-scroll {

    0% {

        transform: translateX(0);

    }

    100% {

        /* Posouváme celý vnitřní kontejner o jeho šířku, aby se animace plynule opakovala */

        transform: translateX(calc(-100% + 150px)); /* Upraveno, aby se animace opakovala správně */

    }