/* #CHAT-158: ГЛОБАЛЬНЫЙ сайзинг картинок-эмодзи (набор Apple, рендер emoji_render.js).
   Раньше эти правила жили только в chat_emoji.css (грузился лишь в чате), поэтому вне чата
   картинки-эмодзи выпадали в intrinsic 64px и ломали раскладку пикера реакций. Теперь
   правила глобальные — эмодзи привязаны к 1em и масштабируются от font-size контекста. */

img.bs-twemoji,
img.bs-emoji3d,
.bs-emoji-fallback {
    width: 1em;
    height: 1em;
    margin: 0;
    vertical-align: -0.125em;
    display: inline-block;
    object-fit: contain;
}

/* Фолбэк-глиф (когда картинки нет) — системный эмодзи нужного размера */
.bs-emoji-fallback {
    width: auto;
    line-height: 1;
    font-style: normal;
}

/* Картинка-эмодзи внутри кликабельных элементов не должна перехватывать клик */
.reaction-emoji img,
.reaction-item img,
.counter-emoji img,
.current-reaction img,
.default-emoji img,
.picker-trigger-emoji img {
    pointer-events: none;
}

/* #CHAT-158: пикер реакций на детальных страницах (новости/галерея/репорт). Когда эмодзи
   стали картинками (а не текстом), absolute-пикер внутри узкого inline-flex контейнера
   схлопывался по ширине/высоте (контент вываливался «полоской»). Фиксируем авто-ширину по
   контенту и минимальную высоту, центрируем эмодзи. Чат-пикер (.message-reaction-picker)
   НЕ трогаем — у него свои стили. */
.bs-reactions-picker:not(.message-reaction-picker) {
    width: max-content;
    max-width: calc(100vw - 24px);
    min-height: 2.5rem;
    box-sizing: border-box;
}
.bs-reactions-picker:not(.message-reaction-picker) .reactions-list {
    align-items: center;
}
.bs-reactions-picker:not(.message-reaction-picker) .reaction-item {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}
.bs-reactions-picker:not(.message-reaction-picker) .reaction-item .reaction-emoji {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}