/* Minimal styling for WhatsApp floating menu (complements Tailwind classes) */
.whatsapp-container #whatsapp-menu {
  transform-origin: bottom right;
  transition: transform .14s ease, opacity .14s ease;
}

.whatsapp-container #whatsapp-menu.hidden {
  display: none !important;
  opacity: 0;
  transform: scale(.96);
}

.whatsapp-container #whatsapp-menu.flex {
  display: flex !important;
  opacity: 1;
  transform: scale(1);
}

/* Ensure focus outline for accessibility */
#whatsapp-menu a:focus {
  outline: 2px solid rgba(255, 203, 75, 0.9);
  outline-offset: 2px;
}