/**
 * PST News Ticker — isolated styles.
 * Width inherits from parent (.pst-main) so it matches the table.
 *
 * Each device gets its own bar element:
 *   .pst-ticker-desktop  →  visible on ≥783px, hidden on ≤782px
 *   .pst-ticker-mobile   →  hidden on ≥783px, visible on ≤782px
 * They never coexist on the same element, so there is no specificity conflict.
 */

.pst-ticker-bar {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--pst-ticker-bg, #111318);
    color: var(--pst-ticker-color, #c9a84c);
    height: 34px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 8px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.25);
    flex-shrink: 0;
}

/* Device visibility — each bar carries exactly ONE of these classes */
.pst-ticker-desktop { display: flex; }
.pst-ticker-mobile  { display: none; }
@media (max-width: 782px) {
    .pst-ticker-desktop { display: none !important; }
    .pst-ticker-mobile  { display: flex; }
}

/* Scroll track */
.pst-ticker-track {
    display: flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    animation: pst-ticker-scroll var(--pst-ticker-dur, 30s) linear infinite;
}
.pst-ticker-track.pst-ticker-paused,
.pst-ticker-bar:hover .pst-ticker-track {
    animation-play-state: paused;
}
.pst-ticker-bar.pst-ticker-static .pst-ticker-track {
    animation: none;
    justify-content: center;
    width: 100%;
}
.pst-ticker-bar.pst-ticker-static .pst-ticker-clone { display: none; }

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

.pst-ticker-item {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1;
    padding: 0 24px 0 0;
    font-family: inherit;
    user-select: none;
}
.pst-ticker-sep {
    display: inline-block;
    padding: 0 18px 0 0;
    opacity: 0.45;
    font-size: 10px;
}

/* Bottom placement variant */
.pst-ticker-bar.pst-ticker-bottom {
    margin-bottom: 0;
    margin-top: 8px;
}

@media (prefers-reduced-motion: reduce) {
    .pst-ticker-track { animation: none; }
    .pst-ticker-clone { display: none; }
}
