/* ==========================================================================
   Misc — floating WhatsApp button, utility
   ========================================================================== */

.wa-float-wrap {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: 10px;
}

.wa-tooltip {
  background-color: var(--color-white);
  color: var(--color-text);
  font-weight: 600;
  font-size: 0.85rem;
  padding: 10px 18px;
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-card);
  white-space: nowrap;
}

.wa-float-btn {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.4);
  animation: pulseRing 2.4s infinite;
}

@media (max-width: 575px) {
  .wa-tooltip { display: none; }
  .wa-float-wrap { right: 18px; bottom: 18px; }
  .wa-float-btn { width: 50px; height: 50px; font-size: 1.4rem; }
}