/* Przycisk „Zadzwoń” — odtworzenie 1:1 przycisku Call Now Button 2.0.4 z żywej strony protrener.com.pl.
   Źródło wzorca: reguły CSS wtyczki (static.callnowbutton.com/css/main.css) dopasowane do jej DOM
   (.cnb-single.cnb-fixed.cnb-bottom-center > .cnb-floating > a.cnb-action > .cnb-inside-item > i.cnb-font-icon)
   oraz konfiguracja z domain_b4e26aff_….js: PHONE 792972080, tło #009900, ikona #FFFFFF,
   BOTTOM_CENTER, displayMode ALWAYS (desktop i telefon), bez animacji, bez etykiety, z-index 2147483647.
   Dlaczego własny kod: skrypt CNB działa tylko na domenie protrener.com.pl (sprawdza location.hostname),
   więc na domenie testowej nic by nie pokazał. Ikona = „call” z zestawu Material (viewBox 24), 32 px jak w oryginale. */
.pt-zadzwon{
  display:block;position:fixed;bottom:23px;left:50%;margin-left:-27.5px;z-index:2147483647;
  transform-origin:center bottom;opacity:1;
  transition:opacity .2s ease-out .4s,bottom .2s ease-out .4s;
  user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:none;text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.pt-zadzwon .pt-zadzwon-w{position:relative;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.pt-zadzwon a{
  display:block;position:relative;width:55px;height:55px;margin:0;padding:0;box-sizing:border-box;
  border-radius:50%;background-color:#009900;box-shadow:0 1px 2px rgba(0,0,0,.4);
  outline:0;text-decoration:none;object-fit:cover;pointer-events:auto;
  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);
  transition:filter .5s,transform .5s;
}
.pt-zadzwon a:hover{filter:brightness(1.1);transform:scale(1.1)}
.pt-zadzwon .pt-zadzwon-i{
  position:absolute;display:block;width:45px;height:45px;margin:5px;padding:0;overflow:hidden;
  outline:0;transition:transform 250ms;
}
.pt-zadzwon a:hover .pt-zadzwon-i{transform:rotate(360deg)}
.pt-zadzwon svg{position:absolute;left:6.25px;top:6.25px;width:32px;height:32px;fill:#fff;display:block}

/* Strony w stylu D mają na telefonie własny przyklejony dolny pasek (.d-sticky, d.css: widoczny przy ≤760 px,
   wysokość = 12 + 56 + 12 px + env(safe-area-inset-bottom)). Zielony przycisk (i bańka Chatbase — reguła w tagi-head.html)
   unosi się wtedy o wysokość paska, z tym samym odstępem od jego krawędzi, co dziś od dołu ekranu.
   Reguła działa tylko, gdy pasek istnieje na stronie (body:has) i w tej samej media query co pasek;
   na stronach bez paska i na desktopie nic się nie zmienia. */
@media (max-width:760px){
  body:has(.d-sticky){--pt-pasek-d:calc(80px + env(safe-area-inset-bottom,0px))}
  body:has(.d-sticky) .pt-zadzwon{bottom:calc(23px + var(--pt-pasek-d))}
}