/* ── WP News Ticker Pro — ticker.css ── */

/* Pasek główny */
.wpnt-bar {
    display: flex;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
    background-color: var(--wpnt-bg, #f5c400);
    color:            var(--wpnt-text, #1a1a1a);
    font-family:      inherit;
    font-size:        14px;
    line-height:      1.4;
    box-sizing:       border-box;
    position:         relative;
    z-index:          9999;
}

/* Etykieta po lewej */
.wpnt-label {
    display:          flex;
    align-items:      center;
    padding:          8px 14px;
    background-color: var(--wpnt-lbg,  #1a1a1a);
    color:            var(--wpnt-ltxt, #f5c400);
    font-weight:      700;
    font-size:        12px;
    letter-spacing:   1px;
    text-transform:   uppercase;
    white-space:      nowrap;
    flex-shrink:      0;
}

/* Obszar przewijania */
.wpnt-track-wrap {
    flex:             1;
    overflow:         hidden;
    position:         relative;
    padding:          8px 0;
}

/* Wewnętrzny kontener — to on się animuje, trzyma oba tracki obok siebie */
.wpnt-track-inner {
    display:          flex;
    width:            max-content;
    animation:        wpnt-scroll var(--wpnt-speed, 60s) linear infinite;
    will-change:      transform;
}

/* Pojedyncza lista — bez własnej animacji */
.wpnt-track {
    display:          flex;
    align-items:      center;
    list-style:       none;
    margin:           0;
    padding:          0;
    white-space:      nowrap;
}

/* Hover: pause / slow — celujemy w inner */
.wpnt-bar[data-hover="pause"]:hover .wpnt-track-inner {
    animation-play-state: paused;
}

.wpnt-bar[data-hover="slow"]:hover .wpnt-track-inner {
    animation-duration: calc(var(--wpnt-speed, 60s) * 4);
}

.wpnt-item {
    display:          inline-flex;
    align-items:      center;
    padding:          0 6px;
}

.wpnt-item a {
    color:            var(--wpnt-text, #1a1a1a);
    text-decoration:  none;
    font-weight:      500;
    transition:       opacity .2s;
}

.wpnt-item a:hover {
    text-decoration:  underline;
    opacity:          .8;
}

/* Separator ● */
.wpnt-sep {
    color:       var(--wpnt-sep-color,  inherit);
    font-size:   var(--wpnt-sep-size,   8px);
    font-weight: var(--wpnt-sep-weight, inherit);
    font-style:  var(--wpnt-sep-style,  normal);
    opacity:     var(--wpnt-sep-opacity, 0.5);
    margin-left: 10px;
    vertical-align: middle;
}

/* ── Style tokenów (data / godzina / tytuł) ── */
.wpnt-token {
    display:          inline;
}

.wpnt-token--date {
    color:       var(--wpnt-date-color,  inherit);
    font-weight: var(--wpnt-date-weight, inherit);
    font-size:   var(--wpnt-date-size,   inherit);
    font-style:  var(--wpnt-date-style,  normal);
}

.wpnt-token--time {
    color:       var(--wpnt-time-color,  inherit);
    font-weight: var(--wpnt-time-weight, inherit);
    font-size:   var(--wpnt-time-size,   inherit);
    font-style:  var(--wpnt-time-style,  normal);
}

.wpnt-token--title {
    color:       var(--wpnt-title-color,  inherit);
    font-weight: var(--wpnt-title-weight, inherit);
    font-size:   var(--wpnt-title-size,   inherit);
    font-style:  var(--wpnt-title-style,  normal);
}

/* Keyframe: przewijanie — przesuń o połowę (= szerokość jednego tracka) */
@keyframes wpnt-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Responsywność */
@media (max-width: 480px) {
    .wpnt-bar    { font-size: 13px; }
    .wpnt-label  { padding: 6px 10px; font-size: 11px; }
}