#floating-whatsapp {
  position: fixed;
  z-index: 1000;
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  max-width: calc(100vw - 32px);
}
.floating-whatsapp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 14px 20px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 999px;
  background: #087f46;
  color: #fff;
  box-shadow: 0 6px 24px rgba(0,0,0,.24);
  font: 700 15px/1.2 system-ui, sans-serif;
  cursor: pointer;
}
.floating-whatsapp-button:hover { background: #066939; }
.floating-whatsapp-button:focus-visible { outline: 3px solid #171514; outline-offset: 4px; }
.floating-whatsapp-button svg { flex: none; }
#floating-whatsapp .floating-whatsapp-status {
  margin: 0;
  max-width: 300px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
  color: #222;
  box-shadow: 0 4px 20px rgba(0,0,0,.18);
  font: 14px/1.5 system-ui, sans-serif;
}
#floating-whatsapp .floating-whatsapp-status:empty { display: none; }
/* Leave the footer reachable beneath the persistent contact control. */
.site-footer, .content-footer { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
@media (max-width: 600px) {
  #floating-whatsapp { right: max(16px, env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); }
  .floating-whatsapp-button { min-height: 52px; padding: 12px 17px; font-size: 14px; }
}
@media print { #floating-whatsapp { display: none; } .site-footer, .content-footer { padding-bottom: 28px; } }