/* =========================================================
   IO PARFUM — WHATSAPP v3.8.3
   Corrige ícone interno, badge online e typing animation.
   ========================================================= */

/* Bolinha online por cima da foto, como em apps profissionais */
.pa-whatsapp-chat__avatar-wrap{
  overflow:visible !important;
}
.pa-whatsapp-chat__avatar{
  position:relative !important;
  z-index:1 !important;
}
.pa-whatsapp-chat__online{
  right:-1px !important;
  bottom:-1px !important;
  width:12px !important;
  height:12px !important;
  border:2px solid #fff !important;
  background:#25D366 !important;
  z-index:3 !important;
  box-shadow:0 0 0 2px rgba(37,211,102,.14) !important;
}

/* Botão verde dentro do chat */
.pa-whatsapp-chat__cta{
  min-height:44px !important;
  gap:9px !important;
}
.pa-whatsapp-chat__cta .pa-whatsapp-icon{
  display:none !important;
}
.pa-whatsapp-chat__cta-icon{
  display:block !important;
  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;
  flex:0 0 20px !important;
  color:#fff !important;
  fill:currentColor !important;
  transform:none !important;
}

/* Mensagem com caret de digitação */
.pa-whatsapp-chat__typed{
  position:relative !important;
  min-height:1.6em !important;
}
.pa-whatsapp-chat__typed.is-typing::after{
  content:'';
  display:inline-block;
  width:1.5px;
  height:1em;
  margin-left:2px;
  vertical-align:-2px;
  background:currentColor;
  animation:pa-whatsapp-caret-blink .9s step-end infinite;
}
.pa-whatsapp-chat__typed.is-complete::after{
  content:none;
}
@keyframes pa-whatsapp-caret-blink{
  0%, 49%{opacity:1;}
  50%, 100%{opacity:0;}
}

@media(max-width:768px){
  .pa-whatsapp-chat__cta-icon{
    width:19px !important;
    min-width:19px !important;
    max-width:19px !important;
    height:19px !important;
    min-height:19px !important;
    max-height:19px !important;
    flex-basis:19px !important;
  }
}