/* ---- ikona strony głównej w menu ---- */
.home-it .tl{gap:0}
.ico-home{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.home-it .tl:hover .ico-home{transform:translateY(-2px)}
.home-it .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.home-it.current-menu-item .tl{color:#fff}
@media (max-width:960px){
  .home-it .tl{gap:10px}
  .home-it .lbl{position:static;width:auto;height:auto;clip:auto;overflow:visible}
}

/* ---- pola formularzy: zaokrąglona poświata zamiast kwadratowej ramki ---- */
input:focus,textarea:focus,select:focus{outline:none}
.search{transition:box-shadow .2s ease}
.search:focus-within{box-shadow:0 0 0 3px rgba(232,40,60,.45),0 6px 18px rgba(0,0,0,.18)}
.search input:focus-visible{outline:none}
.search button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{transition:border-color .2s ease,box-shadow .2s ease}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(232,40,60,.18)}
a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}

/* ---- animacje ---- */
@keyframes csi-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes csi-fade{from{opacity:0}to{opacity:1}}
@keyframes csi-pop{from{opacity:0;transform:scale(.6) rotate(-90deg)}to{opacity:1;transform:none}}
@keyframes csi-glow{0%,100%{box-shadow:0 0 0 0 rgba(232,40,60,.0)}50%{box-shadow:0 0 0 4px rgba(232,40,60,.25)}}

/* logo wjeżdża z obrotem przy wejściu na stronę */
.logo-c svg{animation:csi-pop .7s cubic-bezier(.2,.9,.3,1.2) both}

/* boksy meczów i wiersze pojawiają się kolejno */
.mrow .mbox{animation:csi-up .5s ease both}
.mrow .mbox:nth-child(2){animation-delay:.08s}
.mrow .mbox:nth-child(3){animation-delay:.16s}
.mx li{animation:csi-up .45s ease both}
.mx li:nth-child(1){animation-delay:.15s}
.mx li:nth-child(2){animation-delay:.21s}
.mx li:nth-child(3){animation-delay:.27s}
.mx li:nth-child(4){animation-delay:.33s}
.mx li:nth-child(5){animation-delay:.39s}
.mx[data-panel]:not([hidden]) li{animation:csi-up .35s ease both}

/* trwający mecz delikatnie pulsuje */
.mx .lv .mid{animation:csi-glow 2.2s ease-in-out infinite}

/* wiersz meczu: lekkie podniesienie przy najechaniu */
.mx a{transition:transform .15s ease}
.mx a:hover{transform:translateY(-1px)}
.mx a:hover .mid{transform:scale(1.04)}
.mx .mid{transition:transform .15s ease,background-color .15s ease}

/* zdjęcia w newsach: powolne przybliżenie przy najechaniu */
.img{overflow:hidden}
.img.has-img img{transition:transform .5s ease}
.lead2:hover .img.has-img img,.feed a:hover .img.has-img img,.texts a:hover .img.has-img img{transform:scale(1.05)}
.img .badge{z-index:1;transition:transform .2s ease}
.feed a:hover .img .badge,.lead2:hover .img .badge,.texts a:hover .img .badge{transform:translateY(-2px)}
.feed h3,.lead2 h3,.texts h3{transition:color .15s ease}

/* boksy w kolumnach: cień przy najechaniu */
.box{transition:box-shadow .2s ease,transform .2s ease}
.colL .box:hover,.colR .box:hover{box-shadow:0 10px 26px rgba(0,0,0,.08)}

/* ranking i listy: wyróżnienie wiersza */
.rk li,.tr li,.mr li{transition:background-color .15s ease}
.rk li:hover,.tr li:hover,.mr li:hover{background:var(--soft)}

/* przyciski */
.btn,.btn-line,.dsel button,.tabs button{transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}
.btn:active,.btn-line:active{transform:translateY(1px)}

/* sekcje pojawiające się przy przewijaniu (tylko gdy działa JavaScript) */
.js-reveal .reveal-pre{opacity:0;transform:translateY(18px)}
.js-reveal .reveal-pre.reveal-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}

/* odliczanie: zmiana sekundy */
@keyframes csi-tick{from{transform:translateY(-4px);opacity:.4}to{transform:none;opacity:1}}
.cd b.tick{animation:csi-tick .3s ease}

/* osoby, które wyłączyły animacje w systemie */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js-reveal .reveal-pre{opacity:1;transform:none}
}

/* przycisk strony głównej: zawsze widoczny jako osobne pole */
@media (min-width:961px){
  .navlist .home-it{margin-right:6px}
  .navlist .home-it .tl{width:46px;height:46px;padding:0;justify-content:center;border-radius:10px;background:rgba(255,255,255,.09);align-self:center}
  .navlist .home-it .tl::after{display:none}
  .navlist .home-it .tl:hover{background:rgba(255,255,255,.18)}
  .navlist .home-it.current-menu-item .tl{background:var(--red)}
}
.mh-mid b.tick{animation:csi-tick .4s ease}