/* =====================================================
   WP Reactions CPT — reactions.css v1.0.0
   Estilos base. Sobrescreva via CSS do tema/Bricks
   usando o seletor .wp-reactions conforme necessário.
   ===================================================== */

.wp-reactions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.wp-reactions .reaction-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 2px solid transparent;
    border-radius: 999px;
    background: #f0f0f0;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    transition: background 0.2s, border-color 0.2s, transform 0.1s;
}

.wp-reactions .reaction-btn:hover {
    background: #e0e0e0;
    transform: scale(1.05);
}

.wp-reactions .reaction-btn.reaction-active {
    background: #fff3cd;
    border-color: #f0ad4e;
}

.wp-reactions .reaction-emoji {
    font-style: normal;
}

.wp-reactions .reaction-count {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
}