/**
 * Info Ticker Styles
 * Continuous scrolling ticker that loops seamlessly
 */
.info-ticker-wrapper {
    background: var(--theme-palette-color-1, #1e40af);
    color: white;
    overflow: hidden;
    padding: 0.75rem 0;
    position: relative;
    z-index: 100;
}

/* Sticky on desktop only */
@media (min-width: 1024px) {
    .info-ticker-wrapper {
        position: sticky;
        top: 0;
        z-index: 1000;
    }
}

.info-ticker-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.info-ticker-track {
    display: inline-flex;
    gap: 4rem;
    white-space: nowrap;
    animation: scroll-ticker 25s linear infinite;
    will-change: transform;
    /* Ensure track starts from the right edge */
    padding-left: 100%;
}

.info-ticker-item {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    white-space: nowrap;
    font-size: 0.95rem;
}

.ticker-text {
    font-weight: 500;
}

.ticker-link {
    color: #fbbf24;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.ticker-link:hover {
    color: white;
}

/* Animation: Start from off-screen right, scroll to off-screen left */
@keyframes scroll-ticker {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Move by exactly 50% of the track (since content is duplicated) */
        transform: translateX(-50%);
    }
}

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

/* Single item support - ensure proper looping */
.info-ticker-item:only-child {
    padding-right: 4rem;
}

@media (max-width: 768px) {
    .info-ticker-wrapper {
        padding: 0.625rem 0;
    }

    .info-ticker-item {
        font-size: 0.85rem;
        gap: 0.75rem;
    }

    .info-ticker-track {
        gap: 3rem;
        animation-duration: 20s;
    }
}