/* Barre de défilement (ticker) sous le hero — fond dégradé comme la top bar */

.ticker-bar {
    width: 100%;
    min-height: 44px;
    padding: 10px 0;
    background: var(--top-bar-gradient);
    overflow: hidden;
    display: flex;
    align-items: center;
}

.ticker-bar__track {
    display: flex;
    align-items: center;
    gap: 0;
    width: max-content;
    animation: ticker-scroll 50s linear infinite;
    will-change: transform;
}

.ticker-bar__track:hover {
    animation-play-state: paused;
}

.ticker-bar__item {
    display: inline-flex;
    align-items: center;
    gap: 0.75em;
    flex-shrink: 0;
    padding: 0 1em;
    color: var(--color-white);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: clamp(0.875rem, 2vw, 1rem);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.ticker-bar__separator {
    color: var(--color-white);
    opacity: 0.95;
    font-size: 1em;
    user-select: none;
}

/* Un "groupe" = une séquence complète ; on anime d'exactement un groupe pour boucle sans trou */
.ticker-bar__group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: max-content;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-25%);
    }
}