/* ThaïGuide — dialogue-avatar.css (v2 : à côté de la bulle active) */

.wplc6p-wa-msg.tg-dlg-has-avatar {
  position: relative;
}

/* Espace réservé pour l'avatar selon le côté du speaker */
.wplc6p-wa-msg.tg-dlg-avatar-side-a {
  padding-right: 56px;
}
.wplc6p-wa-msg.tg-dlg-avatar-side-b {
  padding-left: 56px;
}

.tg-dlg-avatar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  background: #0f1629;
  border: 2px solid rgba(255,255,255,.15);
  transition: border-color .2s, transform .2s;
  z-index: 2;
}

.tg-dlg-avatar-side-a .tg-dlg-avatar { right: 0; }
.tg-dlg-avatar-side-b .tg-dlg-avatar { left: 0; }

.tg-dlg-avatar video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  transform: scale(1.6);
}

.tg-dlg-avatar-a { border-color: rgba(16,185,129,.4); }
.tg-dlg-avatar-b { border-color: rgba(167,139,250,.4); }

.tg-dlg-avatar-glow {
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .25s ease;
}
.tg-dlg-avatar-a .tg-dlg-avatar-glow {
  box-shadow: 0 0 0 2px rgba(16,185,129,.5), 0 0 14px 3px rgba(16,185,129,.4);
}
.tg-dlg-avatar-b .tg-dlg-avatar-glow {
  box-shadow: 0 0 0 2px rgba(167,139,250,.5), 0 0 14px 3px rgba(167,139,250,.4);
}

.tg-dlg-avatar.tg-dlg-speaking {
  transform: translateY(-50%) scale(1.12);
}
.tg-dlg-avatar.tg-dlg-speaking .tg-dlg-avatar-glow {
  opacity: 1;
}
.tg-dlg-avatar.tg-dlg-speaking.tg-dlg-avatar-a {
  border-color: rgba(16,185,129,.9);
}
.tg-dlg-avatar.tg-dlg-speaking.tg-dlg-avatar-b {
  border-color: rgba(167,139,250,.9);
}

@media (max-width: 380px) {
  .tg-dlg-avatar { width: 38px; height: 38px; }
  .wplc6p-wa-msg.tg-dlg-avatar-side-a { padding-right: 46px; }
  .wplc6p-wa-msg.tg-dlg-avatar-side-b { padding-left: 46px; }
}