/* =========================================
   WhatsApp Floating Button (Configurable)
   ========================================= */

:root {
  --whatsapp-bg: #25d366;     /* WhatsApp green (change freely) */
  --whatsapp-text: #ffffff;  /* Text color */
  --whatsapp-shadow: rgba(0, 0, 0, 0.25);
}

/* Floating container */
.whatsapp-float {
  position: fixed;
  right: 16px;
  bottom: 36px;
  z-index: 1050; /* safely above content, below modals */

  background-color: var(--whatsapp-bg);
  color: var(--whatsapp-text);

  padding: 0.75rem 1rem;
  border-radius: 999px;

  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.02em;

  box-shadow: 0 6px 16px var(--whatsapp-shadow);
}

/* Hover / focus – subtle, not flashy */
.whatsapp-float:hover,
.whatsapp-float:focus {
  opacity: 0.9;
}