/* =========================
   NEWS TICKER – frontend styles
   (1:1 z oryginalnym kodem klienta)
   ========================= */
.news-ticker {
    width: 100%;
    max-width: 100%;
    background: #e6e6e6;
    overflow: hidden;
    border-bottom: 1px solid #d0d0d0;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

/* Pełna szerokość okna – używane przy auto-wstawce pod tytułem strony.
   Działa nawet wtedy, gdy rodzic jest "is-layout-constrained" (X-T9, FSE). */
.news-ticker.is-fullbleed {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.news-ticker__track {
    display: inline-flex;
    white-space: nowrap;

    font-family: inherit;
    font-size: inherit;
    font-weight: 500;

    color: #0b1f3a;
    padding: 10px 0;

    animation: tickerMove 3s linear infinite;
}

.news-item {
    color: inherit;
    text-decoration: none;
    flex-shrink: 0;
}

.news-item-text {
    display: inline-block;
}

/* odstęp pomiędzy powtórzeniami informacji */
.news-gap {
    display: inline-block;
    width: 200px;
}

/* animacja */
@keyframes tickerMove {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* szybciej na mobile */
@media (max-width: 768px) {
    .news-ticker__track {
        animation-duration: 2s;
    }
}

/* =========================
   MODAL NAD WSZYSTKIM
   (zachowane z oryginału klienta)
   ========================= */
.wp-block-cloudcatch-light-modal-block__wrapper.is-open {
    position: fixed !important;
    z-index: 99999 !important;
}