/* Floating WhatsApp enquiry link, used consistently across all public pages. */
.whatsapp-float {
  position: fixed;
  z-index: 110;
  right: 24px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 17px;
  min-height: 58px;
  border-radius: 999px;
  background: #25d366;
  color: #073b22;
  border: 2px solid #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.24);
  font: 800 14px/1.15 'DM Sans', Arial, sans-serif;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover {
  transform: translateY(-3px);
  background: #20be5a;
  box-shadow: 0 11px 28px rgba(0,0,0,.28);
}
.whatsapp-float:focus-visible { outline: 3px solid #151515; outline-offset: 3px; }
.whatsapp-float svg { width: 29px; height: 29px; flex: none; fill: currentColor; }
@media (max-width: 600px) {
  .whatsapp-float {
    right: max(15px, env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom));
    width: 58px;
    height: 58px;
    padding: 0;
  }
  .whatsapp-float .whatsapp-label { display: none; }
  .whatsapp-float svg { width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float { transition: none; }
}