/* Serwisy PRL v1.0.0 (2026-10-10): Telegram Lechistanu (czat + stopka) i Polska Strona Hańby (menu + stopka). Bez złota, bez szeryfów, bez kursywy. */
:root{--tg:#2aabee;--tg-ciemny:#1b86c0;--hb-czerw:#c3271c;--hb-teal:#2f6a5e}

/* przycisk w pasku czatu */
.cz-toolbar .cz-tg{display:inline-flex;align-items:center;gap:5px;background:rgba(42,171,238,.14);border:1px solid rgba(42,171,238,.5);
  color:#e9f6ff;border-radius:8px;padding:5px 9px;font:600 .8rem/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-style:normal;
  text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.cz-toolbar .cz-tg:hover{background:rgba(42,171,238,.26);border-color:var(--tg)}
.cz-toolbar .cz-tg:focus-visible{outline:2px solid var(--tg);outline-offset:2px}

/* samolot: lot w petli + oddech, klik = podskok */
.tg-samolot{width:15px;height:15px;flex:none;overflow:visible}
.tg-samolot .tg-s-cialo{fill:var(--tg)}
.tg-samolot .tg-s-zagiecie{fill:#9fd8f6}
.tg-samolot .tg-s-smuga{fill:none;stroke:var(--tg);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:3 4;opacity:.0}
.tg-lot .tg-samolot g{transform-box:fill-box;transform-origin:50% 50%;animation:tgLot 3.4s cubic-bezier(.45,0,.3,1) infinite}
.tg-lot .tg-samolot .tg-s-smuga{animation:tgSmuga 3.4s ease-in-out infinite}
@keyframes tgLot{
  0%,100%{transform:translate(0,0) rotate(0) scale(1)}
  18%{transform:translate(0,0) rotate(0) scale(1.06)}
  36%{transform:translate(0,0) rotate(0) scale(1)}
  52%{transform:translate(3px,-3px) rotate(-10deg)}
  64%{transform:translate(7px,-6px) rotate(-14deg);opacity:0}
  65%{transform:translate(-7px,5px) rotate(-6deg);opacity:0}
  80%{transform:translate(-1px,1px) rotate(2deg);opacity:1}
}
@keyframes tgSmuga{0%,45%{opacity:0}55%{opacity:.7}70%,100%{opacity:0}}
.tg-skok{animation:tgSkok .55s cubic-bezier(.2,1.5,.4,1)}
@keyframes tgSkok{0%{transform:none}25%{transform:translateY(2px) scale(1.06,.9)}55%{transform:translateY(-6px) scale(.96,1.06)}100%{transform:none}}

/* blok serwisow w stopce (Kontakt) */
.st-serwisy{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.sv-karta{position:relative;display:flex;gap:14px;align-items:center;padding:16px;border-radius:12px;overflow:hidden;
  background:rgba(255,255,255,.03);border:1px solid rgba(236,224,198,.16);
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-style:normal;
  transition:transform .45s cubic-bezier(.2,1.3,.4,1),border-color .25s,box-shadow .25s}
.sv-karta:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.sv-karta--tg:hover{border-color:rgba(42,171,238,.6)}
.sv-karta--hb:hover{border-color:rgba(195,39,28,.7)}
.sv-ikona{flex:none;width:58px;height:58px;display:grid;place-items:center;border-radius:14px}
.sv-karta--tg .sv-ikona{background:rgba(42,171,238,.14)}
.sv-karta--tg .sv-ikona .tg-samolot{width:30px;height:30px}
.sv-karta--hb .sv-ikona{background:rgba(195,39,28,.12)}
.sv-tresc{flex:1;min-width:0}
.sv-tresc h4{margin:0 0 4px}
.stopka .sv-tresc p{margin:0 0 10px;font-size:.88rem;line-height:1.45}
.sv-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.sv-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 16px;border-radius:10px;text-decoration:none;
  font:700 .86rem/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.02em;color:#fff;
  transition:background .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.sv-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sv-btn--tg{background:var(--tg)}
.sv-btn--tg:hover{background:var(--tg-ciemny)}
.sv-btn--tg .tg-samolot .tg-s-cialo{fill:#fff}
.sv-btn--tg .tg-samolot .tg-s-zagiecie{fill:#cdeefe}
.sv-btn--tg .tg-samolot .tg-s-smuga{stroke:#fff}
.sv-btn--hb{background:var(--hb-czerw)}
.sv-btn--hb:hover{background:#9e1d14}
.sv-maly{font-size:.8rem;color:var(--krem-2,#e0d1af);text-decoration:underline;text-underline-offset:3px}
.sv-maly:hover{color:#fff}

/* waga Hańba/Propsy: belka kołysze się, szalki wiszą pionowo */
.hb-waga{width:46px;height:46px;overflow:visible}
.hb-waga .hb-belka{transform-box:view-box;transform-origin:24px 12px;animation:hbBelka 4.2s cubic-bezier(.45,0,.3,1) infinite}
.hb-waga .hb-l{animation:hbL 4.2s cubic-bezier(.45,0,.3,1) infinite}
.hb-waga .hb-p{animation:hbP 4.2s cubic-bezier(.45,0,.3,1) infinite}
@keyframes hbBelka{0%,100%{transform:rotate(-12deg)}45%,55%{transform:rotate(12deg)}}
@keyframes hbL{0%,100%{transform:translateY(3.5px)}45%,55%{transform:translateY(-3.5px)}}
@keyframes hbP{0%,100%{transform:translateY(-3.5px)}45%,55%{transform:translateY(3.5px)}}

/* menu glowne: Strona Hańby */
.nav .nav-hanba{color:#ffb3ab;border-color:rgba(195,39,28,.55);background:rgba(195,39,28,.12)}
.nav .nav-hanba:hover{background:rgba(195,39,28,.28);color:#fff;border-color:#ff4438}
.nav .nav-hanba .hb-mini{display:inline-block;margin-right:5px;font-weight:700;color:#ff4438}

@media (prefers-reduced-motion:reduce){
  .tg-lot .tg-samolot g{animation:tgOddech 4s ease-in-out infinite}
  .tg-lot .tg-samolot .tg-s-smuga{animation:none}
  @keyframes tgOddech{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
  .tg-skok{animation-duration:.3s}
  .hb-waga .hb-belka,.hb-waga .hb-l,.hb-waga .hb-p{animation-duration:9s}
  .sv-karta,.sv-karta:hover{transform:none;transition:border-color .25s,box-shadow .25s}
}