/* WhatsApp Floating Button - lightweight, professional styles */
:root{
  --gwi-wp-size: 80px;
  --gwi-wp-color-1: #20c997; /* softer green */
  --gwi-wp-color-2: #128C7E; /* brand green */
}

.gwi-whatsapp-btn{
zoom: 100%;
  position:fixed;
  right:40px;
  bottom:40px;
  z-index:99999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  /* background removed */
  transition:transform .18s ease, opacity .18s ease;
  text-decoration:none;
  -webkit-tap-highlight-color: transparent;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gwi-whatsapp-btn:hover{
  transform:translateY(-4px) scale(1.03);
}

.gwi-whatsapp-btn svg,
.gwi-whatsapp-btn img.gwi-wp-img{ width:64px; height:64px; display:block; border: none; outline: none; }

/* Tooltip */
.gwi-wp-tooltip{
  position:absolute;
  right:calc(100% + 14px);
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,0.82);
  color:#fff;
  padding:8px 12px;
  border-radius:8px;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
  opacity:1; /* visible by default */
  pointer-events:auto;
  transition:transform .18s ease, opacity .18s ease;
  box-shadow:0 6px 22px rgba(0,0,0,0.22);
  z-index:100002;
}

/* small arrow pointing to the button */
.gwi-wp-tooltip::after{
  content:"";
  position:absolute;
  right:-6px;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  width:10px;
  height:10px;
  background:rgba(0,0,0,0.82);
  box-shadow:0 3px 8px rgba(0,0,0,0.12);
}

.gwi-whatsapp-btn:hover .gwi-wp-tooltip{ transform:translateY(-50%) translateX(-6px); }

/* Hide tooltip on small screens (no hover) */
@media (max-width:600px){
  .gwi-wp-tooltip{ display:none; }
  .gwi-whatsapp-btn{ right:14px; bottom:18px; width:70px; height:70px; }
}

/* Unread badge */
.gwi-unread{
  position:absolute;
  top:-6px;
  right:-6px;
  width:18px;
  height:18px;
  padding:0;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ff3b30;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1;
  box-shadow:0 3px 8px rgba(0,0,0,0.22);
  z-index:100000;
  pointer-events:none;
}

/* Respect reduced motion setting */
@media (prefers-reduced-motion: reduce){
  .gwi-whatsapp-btn{ transition:none; }
}