/* ChinaGuide — 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: #2A0E0E;
  border: 2px solid rgba(255,215,0,.4);
  transition: border-color .2s, transform .2s;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(0,0,0,.4);
}

.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);
}

/* Speaker A : or China */
.tg-dlg-avatar-a { border-color: rgba(255,215,0,.5); }
/* Speaker B : rouge China */
.tg-dlg-avatar-b { border-color: rgba(200,16,46,.5); }

.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(255,215,0,.6), 0 0 14px 3px rgba(255,215,0,.4);
}
.tg-dlg-avatar-b .tg-dlg-avatar-glow {
  box-shadow: 0 0 0 2px rgba(200,16,46,.6), 0 0 14px 3px rgba(200,16,46,.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(255,215,0,1);
}
.tg-dlg-avatar.tg-dlg-speaking.tg-dlg-avatar-b {
  border-color: rgba(200,16,46,1);
}

@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; }
}