/*
 * Emoji Display Fix - AngularJS Only
 * Font fallback for legacy components
 */

/* AngularJS emoji items only */
.messages-conversation .emoji-item,
[data-bs-content] .emoji-item,
.emoji-items .emoji-item:not(.emoji-picker .emoji-item) {
  font-family: 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif !important;
  font-size: 20px !important;
  user-select: none;
  -webkit-user-select: none;
  transition: transform 0.15s ease;
}

/* Hover */
.messages-conversation .emoji-item:hover,
[data-bs-content] .emoji-item:hover,
.emoji-items .emoji-item:not(.emoji-picker .emoji-item):hover {
  transform: scale(1.1);
  background-color: rgba(0, 0, 0, 0.06);
}

/* Active */
.messages-conversation .emoji-item:active,
[data-bs-content] .emoji-item:active,
.emoji-items .emoji-item:not(.emoji-picker .emoji-item):active {
  transform: scale(1.15);
  background-color: rgba(0, 0, 0, 0.12);
}