/* ========================================== */
/* COMMENTS & REPLIES */
/* ========================================== */

.comment-item .bg-light {
    background: #ffffff !important;
    border-radius: 0px !important;
}

.comment-item .bg-white {
    background: #ffffff !important;
    border: 1px solid #222222 !important;
    border-radius: 0px !important;
}

.comment-input {
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 8px 16px;
}

.comment-input:focus {
    background: #f0f0f0;
    box-shadow: none;
    border-color: #000000;
}

.reply-input {
    border-radius: 0px !important;
    border: 1px solid #cccccc !important;
}

.like-btn, .comment-toggle, .share-btn {
    transition: all 0.2s ease;
    padding: 6px 16px;
    border-radius: 0px;
    font-weight: 600;
    color: #222222 !important;
}

.like-btn:hover, .comment-toggle:hover, .share-btn:hover {
    background: #888888;
    color: #ffffff !important;
}

.like-btn.text-primary {
    color: #000000 !important;
    background: #888888;
}

.reply-toggle, .show-replies-btn {
    font-size: 0.75rem;
    color: #555555 !important;
    border-radius: 0px !important;
}

.reply-toggle:hover, .show-replies-btn:hover {
    color: #000000 !important;
    background: #888888 !important;
}