/* Reaction button styling based on reaction type */

/* Default (no reaction) */
.post-action-btn.like-btn {
    color: var(--text-secondary);
}

/* Like reaction */
.post-action-btn.like-btn.reacted-like {
    color: #2078f4;
}

/* Love reaction */
.post-action-btn.like-btn.reacted-love {
    color: #f33e58;
}

/* Laugh reaction */
.post-action-btn.like-btn.reacted-laugh {
    color: #f7b125;
}

/* Wow reaction */
.post-action-btn.like-btn.reacted-wow {
    color: #f7b125;
}

/* Sad reaction */
.post-action-btn.like-btn.reacted-sad {
    color: #f7b125;
}

/* Angry reaction */
.post-action-btn.like-btn.reacted-angry {
    color: #e4605a;
}

/* Dark mode adjustments */
.dark-mode .post-action-btn.like-btn.reacted-like {
    color: #4080ff;
}

.dark-mode .post-action-btn.like-btn.reacted-love {
    color: #ff6584;
}

.dark-mode .post-action-btn.like-btn.reacted-laugh,
.dark-mode .post-action-btn.like-btn.reacted-wow,
.dark-mode .post-action-btn.like-btn.reacted-sad {
    color: #ffc857;
}

.dark-mode .post-action-btn.like-btn.reacted-angry {
    color: #ff7b72;
}