/* Hand-written additions on top of the compiled Tailwind utility CSS (main.css).
   Everything else (layout, colors, spacing, responsive, animations) comes from
   main.css, which is the exact stylesheet the original app already shipped. */

/* WhatsApp floating button hover tooltip (was React onMouseEnter/Leave state) */
.wa-tooltip {
  transition: opacity 0.3s, transform 0.3s;
}
.wa-fab:hover .wa-tooltip {
  opacity: 1 !important;
  transform: translateX(0) !important;
  pointer-events: auto !important;
}

/* Mobile off-canvas menu: hidden by default, shown via JS toggling [hidden] off */
#mobile-menu-overlay,
#mobile-menu-panel {
  display: none;
}
#mobile-menu-overlay:not([hidden]),
#mobile-menu-panel:not([hidden]) {
  display: block;
}
body.menu-open {
  overflow: hidden;
}