.rmp-reactions-wrapper {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}
.rmp-login-notice {
    font-size: 0.9em;
    color: #777;
}

/* Define o container dos botões como um grupo */
.rmp-buttons-container {
    display: inline-flex;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #ffffff;
}

.rmp-buttons-container.disabled {
    opacity: 0.7;
    pointer-events: none;
}
.rmp-reaction-btn {
    background: transparent;
    border: none;
    border-radius: 0; 
    border-left: 1px solid #eee;
    padding: 5px 12px;
    cursor: pointer;
    margin-right: 0;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

/* Remove o separador do primeiro botão do grupo */
.rmp-reaction-btn:first-child {
    border-left: none;
}

.rmp-reaction-btn:hover {
    background: #f5f5f5;
}
.rmp-reaction-btn.active {
    background: #d4edff;
    font-weight: bold;
}
.rmp-count {
    font-size: 0.9em;
    color: #333;
}

/* --- Estilos para Emojis com Imagens --- */
.rmp-emoji-bg {
    width: 44px;
    height: 44px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    transition: transform 0.2s ease-out;
    display: inline-block;
}

/* Define a imagem estática para cada emoji */
.rmp-emoji-curtir { background-image: url('../images/like.png'); }
.rmp-emoji-amei   { background-image: url('../images/love.png'); }
.rmp-emoji-haha   { background-image: url('../images/haha.png'); }
.rmp-emoji-uau    { background-image: url('../images/wow.png'); }
.rmp-emoji-grr    { background-image: url('../images/angry.png'); }
.rmp-emoji-triste { background-image: url('../images/sad.png'); }


/* Define o GIF animado para o hover */
.rmp-reaction-btn:hover .rmp-emoji-curtir { background-image: url('../images/like.gif'); }
.rmp-reaction-btn:hover .rmp-emoji-amei   { background-image: url('../images/love.gif'); }
.rmp-reaction-btn:hover .rmp-emoji-haha   { background-image: url('../images/haha.gif'); }
.rmp-reaction-btn:hover .rmp-emoji-uau    { background-image: url('../images/wow.gif'); }
.rmp-reaction-btn:hover .rmp-emoji-grr    { background-image: url('../images/angry.gif'); }
.rmp-reaction-btn:hover .rmp-emoji-triste { background-image: url('../images/sad.gif'); }

/* ALTERADO: Substituída a animação de 'subir' pela de 'crescer' para eliminar o espaço */
.rmp-reaction-btn:hover {
    transform: scale(1.05); 
}

/* --- Seção "Quem Reagiu" --- */
.rmp-who-reacted-container { margin-top: 10px; font-size: 0.9em; color: #60a200; }
.rmp-summary-text { cursor: pointer; border-bottom: 1px dotted #555; }
.rmp-summary-text:hover { color: #000; }

/* --- Estilos do Modal (Popup) --- */
.rmp-modal { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; }
.rmp-modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 400px; border-radius: 8px; position: relative; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); }
.rmp-modal-close { color: #aaa; position: absolute; top: 10px; right: 15px; font-size: 28px; font-weight: bold; cursor: pointer; }
.rmp-modal-close:hover, .rmp-modal-close:focus { color: black; }
.rmp-modal ul { list-style: none; padding: 0; margin: 0; max-height: 300px; overflow-y: auto; }
.rmp-modal li { padding: 8px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; }
.rmp-modal li:last-child { border-bottom: none; }
.rmp-modal li img.avatar { border-radius: 50%; margin-right: 10px; }
.rmp-modal li .rmp-emoji-bg { margin-right: 10px; }

/* NOVO: Pré-carregamento dos GIFs para evitar a "piscadinha" no hover */
body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    display: none; /* Garante que não afete o layout */
    content: url('../images/like.gif') 
             url('../images/love.gif') 
             url('../images/haha.gif') 
             url('../images/wow.gif') 
             url('../images/angry.gif') 
             url('../images/sad.gif');
}