/* Стили для inline эмодзи */

.emoji-inline {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    vertical-align: -0.2em;
    margin: 0 0.1em;
    object-fit: contain;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.emoji-inline:hover {
    transform: scale(3.5);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
    z-index: 100;
    position: relative;
}

.emoji-inline:active {
    transform: scale(3.5);
}

/* Для больших эмодзи в tooltip */
.tooltip-text[data-tooltip*="<img"] img {
    width: 1.2em;
    height: 1.2em;
    vertical-align: -0.15em;
    display: inline-block;
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    .emoji-inline {
        width: 1.2em;
        height: 1.2em;
    }
    
    .emoji-inline:hover,
    .emoji-inline:active {
        transform: scale(5);
    }
}