/* Floating WhatsApp button (Adonai). Uses the tokens from styles.css. */
.wa-float {
  position: fixed; z-index: 30;
  right: max(16px, env(safe-area-inset-right, 0px));
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  display: inline-flex; align-items: center; gap: 0.55rem;
  min-height: 56px; padding: 0 1.15rem 0 0.95rem; border-radius: 999px;
  background: #25D366; color: #08311A; text-decoration: none;
  font: 800 var(--step--1)/1 var(--font-body);
  box-shadow: 0 10px 28px rgb(0 0 0 / 0.22);
  transition: transform .15s ease, box-shadow .15s ease;
}
.wa-float:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgb(0 0 0 / 0.26); }
.wa-float svg { width: 28px; height: 28px; flex: none; }
@media (max-width: 40rem) {
  .wa-float { width: 56px; padding: 0; justify-content: center; }
  .wa-float span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media print { .wa-float { display: none; } }