/* SG Ticker — animated marquee (ported from sblog-slanggenz .ticker) */

.sg-ticker {
    margin: 60px 0 0;
    padding: 20px 0;
    border-top: 1px solid var(--sg-line);
    border-bottom: 1px solid var(--sg-line);
    background: color-mix(in srgb, var(--sg-bg-soft) 60%, transparent);
    overflow: hidden;
}

.sg-ticker-track {
    display: flex;
    width: max-content;
    animation: sg-ticker-scroll 38s linear infinite;
    gap: 0;
}

.sg-ticker-set {
    display: flex;
    flex-shrink: 0;
    gap: 0;
}

.sg-ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 0 16px;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--sg-text);
    white-space: nowrap;
}

.sg-ticker-item:nth-child(4n+1) {
    color: #6c8f0c; /* dark-lime for AA contrast on light bg */
}
[data-theme="dark"] .sg-ticker-item:nth-child(4n+1) {
    color: var(--sg-lime);
}

.sg-ticker-item:nth-child(4n+2) {
    color: #c2185b; /* dark-pink for AA contrast on light bg */
}
[data-theme="dark"] .sg-ticker-item:nth-child(4n+2) {
    color: var(--sg-pink);
}

.sg-ticker-item:nth-child(4n+3) {
    color: #3f47c9; /* dark-blue for AA contrast on light bg */
}
[data-theme="dark"] .sg-ticker-item:nth-child(4n+3) {
    color: var(--sg-blue);
}

.sg-ticker-item:nth-child(4n+4) {
    color: #b35d1f; /* dark-orange for AA contrast on light bg */
}
[data-theme="dark"] .sg-ticker-item:nth-child(4n+4) {
    color: var(--sg-orange);
}

.sg-ticker-item i {
    font-style: normal;
    color: var(--sg-muted);
    font-weight: 400;
    margin-left: 16px;
}

@keyframes sg-ticker-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

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