/**
 * Blog Post Reactions Styles
 * Styles for the reaction buttons and selected states
 */

/* Selected reaction button styling */
.reaction-selected {
    background-color: rgba(41, 72, 154, 0.15) !important;
    border: 2px solid #29489A !important;
    border-color: #29489A !important;
    font-weight: 600 !important;
}

/* Ensure reaction buttons maintain their styling */
#hyvor-talk-container button[aria-label*="reaction" i],
#hyvor-talk-container button[class*="reaction"],
#hyvor-talk-container [class*="ht-reaction"] button,
#hyvor-talk-container [class*="reaction"] button {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Selected state visual feedback */
#hyvor-talk-container button[data-selected="true"] {
    background-color: rgba(41, 72, 154, 0.15) !important;
    border: 2px solid #29489A !important;
    border-color: #29489A !important;
    font-weight: 600 !important;
}

/* Unselected state */
#hyvor-talk-container button[data-selected="false"] {
    background-color: transparent;
    border: 1px solid transparent;
}