/* whatsapp-fix.css - improve floating WhatsApp button for index page */
.whatsapp-float {
  position: fixed !important;
  right: calc(env(safe-area-inset-right, 0px) + 16px) !important;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 16px) !important;
  z-index: 99999 !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(56px, 12vw, 64px) !important;
  height: clamp(56px, 12vw, 64px) !important;
  border-radius: 50% !important;
  background: #25d366 !important;
  color: #073b1d !important;
  text-decoration: none !important;
  box-shadow: 0 18px 46px rgba(31, 48, 25, 0.24) !important;
  padding: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
  pointer-events: auto !important;
}

/* ensure icon is white and scaled */
.whatsapp-icon, .whatsapp-icon svg {
  display: grid !important;
  place-items: center !important;
  width: 60% !important;
  height: 60% !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* hide the label on small screens and keep clean appearance */
.whatsapp-copy {
  display: none !important;
}

/* add safe spacing on small screens */
@media (max-width: 680px) {
  .whatsapp-float {
    right: calc(env(safe-area-inset-right, 0px) + 14px) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
    width: 64px !important;
    height: 64px !important;
  }
}

/* Improve tappable area without changing visual size */
.whatsapp-float::after {
  content: "";
  position: absolute;
  inset: -6px;
}

/* Accessibility */
.whatsapp-float { touch-action: manipulation; }