/* whatsapp-fab.css (theming ready) */
#whatsapp-fab{
  --fab-bg: #25C7D3;   /* Fundo padrão */
  --fab-icon: #ffffff; /* Cor do ícone (usa currentColor) */
  position:fixed;
  right:18px;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px));
  width:60px;height:60px;border-radius:9999px;
  background: var(--fab-bg);
  color: var(--fab-icon);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 20px rgba(0,0,0,.15); z-index:99999;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
#whatsapp-fab:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.2) }
#whatsapp-fab svg{ width:30px;height:30px; fill: currentColor; }
@media (max-width:480px){ #whatsapp-fab{ width:56px;height:56px; right:14px; bottom:14px } }

/* Posicionamento à esquerda opcional */
#whatsapp-fab.left{ left:18px; right:auto }

/* Presets prontos: adicione como classe no elemento se preferir */
#whatsapp-fab.white{ --fab-bg: #ffffff; --fab-icon: #25D366; border:1px solid rgba(0,0,0,.1) }
#whatsapp-fab.brand{
  --fab-bg: transparent;
  background-image: linear-gradient(135deg, #1E90FF, #FC0CB4);
  --fab-icon: #ffffff;
}