/**
 * Mobile Comments
 * Comment styling, usernames, reply buttons, reply toggles
 */

/* Comment Styling Updates */
/* Make usernames white in comments */
.usercomment-topheader h4,
.usercomment-topheader h4 a {
    color: #ffffff !important;
}

/* More subtle reply button */
.reply-link {
    color: #808080 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    opacity: 0.8;
    transition: opacity 0.2s ease;
    text-transform: capitalize;
}

.reply-link:hover {
    color: #a0a0a0 !important;
    opacity: 1;
    text-decoration: none !important;
}

/* Smaller and more compact N replies toggle - now blue */
.commentreplies-count .replies-count-title {
    color: #3185FC !important;
    font-size: 11px !important;
    padding: 2px 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Reduce bottom margin on comment-content div */
.comment-content {
    margin-bottom: 4px !important;
}

.commentreplies-count .replies-count-title:hover {
    color: #007bff !important;
}

.commentreplies-count .replies-count-title i {
    font-size: 10px !important;
}