/* Floating WhatsApp button (mobile only, on product pages) */

#mg-whatsapp-float { display: none; }

/* Base style (hidden by default) */
#mg-whatsapp-float {
  position: fixed;
  z-index: 10002;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  background: linear-gradient(135deg, #25D366, #1ebe57);
  color: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

#mg-whatsapp-float.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }

#mg-whatsapp-float .mg-wa-icon { width: 22px; height: 22px; }
#mg-whatsapp-float .mg-wa-label { font-size: 13px; font-weight: 600; }

/* Mobile: right side above bottom menu */
@media (max-width: 850px) {
  #mg-whatsapp-float {
    left: calc(12px + env(safe-area-inset-right, 0px));
    bottom: calc((var(--mbm-height, 78px)) + 5px + env(safe-area-inset-bottom, 0px));
  }
}

/* Desktop: bottom-left corner */
@media (min-width: 851px) {
  #mg-whatsapp-float {
    left: 16px;
    bottom: 24px;
  }
}