/**
 * Floating WhatsApp button styles.
 * Keep selectors scoped to avoid theme conflicts.
 */
.ps-waf{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:9999;
  width:56px;
  height:56px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  transform:translateY(8px) scale(.98);
  opacity:0;
  transition:opacity .25s ease, transform .25s ease, box-shadow .25s ease, filter .25s ease;
  -webkit-tap-highlight-color:transparent;
}

.ps-waf.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.ps-waf:hover{
  filter:brightness(0.98);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.ps-waf:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(37,211,102,.28), 0 14px 34px rgba(0,0,0,.22);
}

.ps-waf__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}

.ps-waf__svg{
  display:block;
  width:28px;
  height:28px;
  color:#fff;
}

@media (max-width: 575px){
  .ps-waf{
    right:12px;
    bottom:12px;
    width:52px;
    height:52px;
  }

  .ps-waf__svg{
    width:26px;
    height:26px;
  }
}

@media (prefers-reduced-motion: reduce){
  .ps-waf{
    transition:none;
    transform:none;
    opacity:1;
  }
}