/* The floating WhatsApp button, for pages that do not load site.css.
   Same rules as in site.css, kept here so one page cannot drift from another. */
.wa-float{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));inset-inline-end:calc(22px + env(safe-area-inset-right));z-index:70;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(37,211,102,.38);transition:transform .2s ease,box-shadow .2s ease}
.wa-float:hover{transform:scale(1.1);box-shadow:0 12px 34px rgba(37,211,102,.55)}
.wa-float svg{width:28px;height:28px;fill:#fff}
.wa-float::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:waPulse 2.8s ease-out infinite;pointer-events:none}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.5);opacity:0}100%{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.wa-float{transition:none}.wa-float:hover{transform:none}.wa-float::before{animation:none}}