/* Above the header (40), below analytics (55) and dialogs (60+). */
.whatsapp-support {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #168b4d;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 5px 20px #173d4526;
  transition: background-color 160ms ease, transform 160ms ease;
  -webkit-tap-highlight-color: transparent;
}
.whatsapp-support:visited { color: #fff; }
.whatsapp-support:hover { background: #116f3d; transform: translateY(-2px); }
.whatsapp-support:focus-visible { outline: 3px solid #163d45; outline-offset: 4px; }
.whatsapp-support-icon { display: block; flex: none; width: 28px; height: 28px; }
.whatsapp-support-label {
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  width: max-content;
  padding: 9px 12px;
  border: 1px solid #d9e0d5;
  border-radius: 10px;
  background: #fffdf8;
  color: #163d45;
  box-shadow: 0 4px 14px #173d4512;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.whatsapp-support:focus-visible .whatsapp-support-label { opacity: 1; visibility: visible; }
@media (hover: hover) and (pointer: fine) {
  .whatsapp-support:hover .whatsapp-support-label { opacity: 1; visibility: visible; }
}
/* Hidden behind cart, checkout, share, and analytics controls, including keyboard focus. */
body:has(.drawer, .modal, .share-dialog, .analytics-banner, [role="dialog"][aria-modal="true"]) .whatsapp-support {
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 760px) {
  .whatsapp-support {
    width: 48px;
    height: 48px;
    right: max(16px, env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom));
  }
  .whatsapp-support-icon { width: 25px; height: 25px; }
  body:has(.mobile-purchase-bar) .whatsapp-support {
    bottom: calc(104px + env(safe-area-inset-bottom));
  }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-support { transition: none; }
  .whatsapp-support:hover { transform: none; }
}
@media print {
  .whatsapp-support { display: none !important; }
}