/* Han WhatsApp Button - Frontend */
.han-wa-inline, .han-wa-floating { --han-wa-size: 56px; --han-wa-offset: 20px; }

.han-wa-floating {
  position: fixed;
  bottom: var(--han-wa-offset);
  z-index: 99999;
  pointer-events: none;
}
.han-wa-floating.side-right { right: 16px; }
.han-wa-floating.side-left  { left: 16px; }

.han-wa-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  min-width: var(--han-wa-size);
  height: var(--han-wa-size);
  padding: 0 14px;
  border-radius: 9999px;
  background: #25D366;
  color: #fff;
  font-weight: 600;
  font-family: inherit;
  text-decoration: none;
  line-height: 1;
  box-shadow: 0 10px 18px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
  pointer-events: auto;
}
.han-wa-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 22px rgba(0,0,0,.22); }
.han-wa-btn:active { transform: translateY(0); }

.han-wa-ico {
  display: inline-grid;
  place-items: center;
  width: calc(var(--han-wa-size) - 16px);
  height: calc(var(--han-wa-size) - 16px);
  border-radius: 9999px;
  background: rgba(255,255,255,.15);
  font-size: calc(var(--han-wa-size) - 28px);
}
.han-wa-label { white-space: nowrap; font-size: 14px; }

/* Responsive */
@media (max-width: 480px) {
  .han-wa-btn { padding: 0 12px; font-size: 14px; }
  .han-wa-ico { font-size: calc(var(--han-wa-size) - 30px); }
}