/* Floating WhatsApp button (site-wide). Markup + config: inc/whatsapp.php.
   z-index 90 sits under the fixed header (100) so menus/overlays still win. */
.pk-wa{
  position:fixed;
  right:calc(24px + env(safe-area-inset-right, 0px));
  bottom:calc(24px + env(safe-area-inset-bottom, 0px));
  z-index:90;
  display:flex;align-items:center;justify-content:center;
  width:58px;height:58px;border-radius:50%;
  background:#25d366;color:#fff;
  box-shadow:0 6px 18px rgba(5,16,38,.28);
  text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;
  -webkit-tap-highlight-color:transparent;
}
.pk-wa svg{display:block}
@media (hover:hover){
  .pk-wa:hover{background:#1ebe5b;transform:translateY(-3px) scale(1.06);box-shadow:0 10px 24px rgba(5,16,38,.34)}
}
.pk-wa:active{transform:scale(.96)}
.pk-wa:focus-visible{outline:3px solid #d3bf5d;outline-offset:3px}
@media (max-width:767px){
  .pk-wa{right:calc(16px + env(safe-area-inset-right, 0px));bottom:calc(6px + env(safe-area-inset-bottom, 0px))}
}
@media (prefers-reduced-motion:reduce){
  .pk-wa{transition:none}
  .pk-wa:hover,.pk-wa:active{transform:none}
}
@media print{.pk-wa{display:none}}