/**
 * Comment styles for Video Contest Plugin
 */

/* Hide empty paragraphs and unnecessary line breaks */
.comment-content-wrap p:empty,
a.comment-date br,
.comment-author a br {
    display: none !important;
}

/* Comment metadata spacing */
.comment-meta.comment-metadata {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.comment-meta cite.fn.comment-author,
.comment-meta a.comment-date {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1;
}

/* Comment text and date styling */
#comments div.comment-text p, 
#comments .comment-date {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Poppins, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
    font-palette: normal;
    font-synthesis: weight style small-caps;
    font-variant: normal;
    line-height: 1.4em;
    font-size: 14px;
}

/* Comment reply and edit links */
a.comment-reply-link,
a.comment-edit-link {
    background: none;
    padding: 0;
    color: var(--bb-body-text-color);
    font-weight: 500;
    border: 0;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    min-height: 10px;
    box-shadow: none;
}

/* Reply icon */
a.comment-reply-link:before {
    display: inline-block;
    text-rendering: auto;
    font-size: 24px;
    min-width: 24px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    font-family: bb-icons;
    content: "\ee33";
}

/* Comment footer spacing */
.comment-footer > p {
    margin-bottom: 0 !important;
} 

#comments .comment-text {
    margin-top:0;
}

#comments #respond {margin-left: 37px;}

@media screen {
    #comments .comment-body .bb_more_options {
        top: -12px;
        right: -5px;
    }
}