/* ================================================================
   FLOATING WHATSAPP BUTTON
================================================================ */

@keyframes hs-wa-pulse {
  0% { box-shadow: var(--hs-shadow-whatsapp), var(--hs-shadow-lg), 0 0 0 0 rgba(18, 140, 126, 0.45); }
  70% { box-shadow: var(--hs-shadow-whatsapp), var(--hs-shadow-lg), 0 0 0 14px rgba(18, 140, 126, 0); }
  100% { box-shadow: var(--hs-shadow-whatsapp), var(--hs-shadow-lg), 0 0 0 0 rgba(18, 140, 126, 0); }
}

.hs-floating-wa {
  position: fixed;
  bottom: var(--hs-space-8);
  left: var(--hs-space-8);
  z-index: var(--hs-z-fixed);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--hs-space-16);
  height: var(--hs-space-16);
  background: var(--hs-btn-whatsapp-bg);
  border-radius: var(--hs-radius-full);
  box-shadow: var(--hs-shadow-whatsapp), var(--hs-shadow-lg);
  color: var(--hs-palette-grey-000);
  text-decoration: none;
  transition: var(--hs-transition-all);
  animation: hs-wa-pulse 2.5s ease-out infinite;
  animation-delay: 3s;
}

.hs-floating-wa:hover {
  background: var(--hs-btn-whatsapp-bg-hover);
  color: var(--hs-palette-grey-000);
  transform: scale(1.08);
  box-shadow: var(--hs-shadow-whatsapp), var(--hs-shadow-xl);
  animation: none;
}

.hs-floating-wa__tooltip {
  position: absolute;
  left: calc(100% + var(--hs-space-3));
  top: 50%;
  transform: translateY(-50%) translateX(calc(-1 * var(--hs-space-2)));
  background: var(--hs-palette-grey-900);
  color: var(--hs-palette-grey-000);
  font-size: var(--hs-text-xs);
  font-weight: var(--hs-font-medium);
  white-space: nowrap;
  padding: var(--hs-space-2) var(--hs-space-3);
  border-radius: var(--hs-radius-sm);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--hs-duration-normal) var(--hs-ease-out),
    transform var(--hs-duration-normal) var(--hs-ease-out);
}

.hs-floating-wa:hover .hs-floating-wa__tooltip {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* Hide on Mobile */
@media (max-width: 768px) {
  .hs-floating-wa {
    display: none !important;
  }
}