/* ============================================================
   Единые стили для кнопок действий над комментариями
   Используется на: news-item.php, topic.php, guide.php,
                     trade-item.php, team.php, forum.php и др.
   ============================================================ */

.comment__like,
.comment__reply,
.comment__delete,
.comment__report {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid var(--color-border-light);
    border-radius: 20px;
    color: var(--color-text-muted);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.comment__like:hover,
.comment__like.active {
    background: rgba(255, 71, 87, 0.1);
    color: #ff4757;
    border-color: #ff4757;
}

.comment__reply:hover {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
    border-color: #667eea;
}

.comment__delete:hover {
    background: rgba(255, 71, 87, 0.1);
    color: #ff4757;
    border-color: #ff4757;
}

.comment__report:hover {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
    border-color: #ffc107;
}