/* ticker-prod (2026-10-19): kopia stagingu (news-ticker1 v3) + układ desktopowy dla produkcji (niżej). Nie zależy od CSS tylko ze stagingu.
   news-ticker1 v3 (2026-10-15): delikatny pasek nowości – białe tło, cienka ramka i tekst w kolorze akcentu, który zmienia się z każdym komunikatem.
   Rozmiar pigułki jest STAŁY (flex-basis:0 + min-width:0 + stała wysokość) – nie zależy od zawartości, więc przyciski nagłówka stoją w miejscu. */
.ticker{--tk:#C5392D;box-sizing:border-box;position:relative;flex:1 1 0;width:0;min-width:0;display:flex;align-items:center;gap:10px;height:48px;min-height:48px;max-height:48px;margin:0 clamp(16px,3.2vw,48px);padding:0 8px 0 7px;border-radius:99px;
  background:#fff;color:var(--tk);border:1px solid var(--tk);box-shadow:0 6px 18px -14px rgba(43,43,51,.4);overflow:hidden;
  transition:color .7s ease,border-color .7s ease}
.ticker[hidden]{display:none}
/* 5 akcentów w harmonii z marką; kontrast tekstu na bieli ≥ 4.5:1 (czerwień 5.3, granat 10.1, teal 6.0, fiolet 7.3, pomarańcz 4.8) */
.ticker[data-c="0"]{--tk:#C5392D}
.ticker[data-c="1"]{--tk:#264653}
.ticker[data-c="2"]{--tk:#1D6F65}
.ticker[data-c="3"]{--tk:#6A3FA6}
.ticker[data-c="4"]{--tk:#B35A00}
.ticker__badge{flex:none;box-sizing:border-box;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;border:1px solid currentColor;background:#fff;color:inherit;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
@supports (background:color-mix(in srgb,red 10%,white)){ .ticker__badge{background:color-mix(in srgb,currentColor 9%,#fff)} }
.ticker__stage{position:relative;flex:1 1 0;width:0;min-width:0;height:100%;display:flex;align-items:center;overflow:hidden}
.ticker.is-wait .ticker__stage{visibility:hidden}
.ticker__msg{display:block;max-width:100%;color:inherit;font-weight:400;font-size:clamp(.88rem,.62rem + .55vw,1.04rem);line-height:1.16;letter-spacing:.003em;max-height:2.35em;overflow:hidden;text-decoration:none;will-change:transform,opacity}
a.ticker__msg:hover .ticker__vis,a.ticker__msg:focus-visible .ticker__vis{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.ticker__msg:focus-visible{outline:3px solid currentColor;outline-offset:2px;border-radius:6px}
.ticker__vis{display:block}
.ticker__rest{visibility:hidden}
.ticker.is-typing .ticker__typed::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.16em;background:currentColor;animation:tkCaret .7s steps(1) infinite}
.ticker__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ticker__pause{flex:none;box-sizing:border-box;width:30px;height:30px;border-radius:50%;border:1px solid currentColor;background:#fff;color:inherit;display:grid;place-items:center;cursor:pointer;transition:background-color .2s}
@supports (background:color-mix(in srgb,red 10%,white)){ .ticker__pause{background:color-mix(in srgb,currentColor 7%,#fff)} .ticker__pause:hover{background:color-mix(in srgb,currentColor 16%,#fff)} }
.ticker__pause:focus-visible{outline:3px solid currentColor;outline-offset:1px}
.ticker__pause svg{width:11px;height:11px;fill:currentColor}
.ticker__pause .i-play{display:none}
.ticker__pause[aria-pressed="true"] .i-play{display:block}
.ticker__pause[aria-pressed="true"] .i-pause{display:none}
@keyframes tkCaret{50%{opacity:0}}
/* tickerfix (2026-10-19, scrollfix): pasek NIE jest już wierszem flex w .header__inner (zmiana jego wysokości height/max-height 56→0 px
   skracała sticky nagłówek o 56 px → treść podskakiwała, a zakotwiczenie przewijania cofało scrollY pod próg 8 px → klasa przełączała się tam i z powrotem).
   Teraz: .ticker-row wisi absolutnie pod pierwszym wierszem nagłówka (top:100%), a jego miejsce na górze strony rezerwuje STAŁY margin-bottom nagłówka
   (--tk-row). Chowanie/pokazywanie = tylko opacity + transform (bez zmiany układu). Klasę .tk-hide ustawia ticker.js (histereza, rAF, passive). */
.site-header{--tk-row:56px;margin-bottom:var(--tk-row)}
.site-header.no-ticker{margin-bottom:0}
.ticker-row{position:absolute;left:0;right:0;top:100%;z-index:0;padding:0 0 12px;background:transparent;
  transform:translateY(0);opacity:1;visibility:visible;
  transition:opacity .24s ease,transform .3s cubic-bezier(.2,.7,.3,1),background-color .3s,visibility 0s linear 0s}
.ticker-row[hidden]{display:none}
.ticker-row{background:rgba(255,251,248,.82)}                       /* desktop: jak tło nagłówka (style.css) – na górze wygląda jak dawny 2. wiersz */
.site-header.is-scrolled .ticker-row{background:rgba(255,251,248,.94)}
/* tęczowa linia (v5.css, dół nagłówka) – gdy pasek widoczny, przesuwa się (transform, bez zmiany układu) pod pasek, jak wcześniej */
.site-header .rainbow-line{transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.site-header:not(.tk-hide):not(.no-ticker) .rainbow-line{transform:translateY(var(--tk-row))}
.site-header.tk-hide .ticker-row{opacity:0;transform:translateY(-14px);visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .28s cubic-bezier(.4,0,.6,1),background-color .3s,visibility 0s linear .28s}
.ticker-row .ticker{flex:none;width:auto;margin:0;height:44px;min-height:44px;max-height:44px}
@media (max-width:1039px){
  .ticker-row{padding-bottom:10px}
  .site-header:not(.is-scrolled) .ticker-row{background:transparent}   /* mobhdr.css: nagłówek na górze przezroczysty */
  .ticker-row .ticker{height:46px;min-height:46px;max-height:46px}
  .nav{position:absolute;inset:100% 0 auto 0;z-index:3}      /* menu pod nagłówkiem; absolute względem .site-header (mobhdr.css zdejmuje backdrop-filter, fixed+top:100% wypadało poza ekran) */
}
@media (max-width:559px){ .ticker{gap:8px;padding-left:16px} .ticker__badge{display:none} .ticker__msg{font-size:.84rem} .ticker__pause{width:28px;height:28px} }
/* tickerfix2 (2026-10-19): przy prefers-reduced-motion pisanie po literze działa dalej (ticker.js); tu wyłączamy tylko przejścia i mruganie kursora (kursor stały, widoczny). */
@media (prefers-reduced-motion:reduce){
  .ticker,.ticker__pause,.ticker-row,.site-header.tk-hide .ticker-row,.site-header .rainbow-line{transition:none!important}
  .ticker.is-typing .ticker__typed::after{animation:none!important;opacity:1}
}