/* Engage restyled to resemble CComment (minimal look). Loaded via the
   com_engage template override in this template. */

/* "N comments" heading, one size smaller */
#akengage-comments-section .akengage-title { font-size: 1.25rem; }

/* No list bullets / no indentation markers */
#akengage-comments-section .akengage-comment-list { list-style: none; padding-left: 0; margin-left: 0; }
#akengage-comments-section .akengage-comment-item { list-style: none; }

/* Remove the thick coloured left border on each comment */
#akengage-comments-section .akengage-comment--primary { border-left: 0 !important; padding-left: 0 !important; }

/* Dotted separator between comments (CComment style) */
#akengage-comments-section .akengage-comment-item {
    border-top: 1px dotted #ccc;
    padding-top: .5rem;
    margin-top: .5rem;
}
#akengage-comments-section .akengage-comment-list--level1 > .akengage-comment-item:first-child {
    border-top: 0; padding-top: 0; margin-top: 0;
}

/* Name/date header: keep Engage's default light-grey bar (.bg-light) as-is. */

/* Author bold; permalink/meta muted grey */
#akengage-comments-section .akengange-commenter-name [itemprop="name"] { font-weight: 700; }
#akengage-comments-section .akengage-comment-permalink,
#akengage-comments-section .akengage-comment-permalink a { color: #aaa !important; }

/* Avatar: small, square-ish, no shadow (CComment look) */
#akengage-comments-section .akengage-commenter-avatar-container { max-width: 40px !important; margin-right: 16px; }
#akengage-comments-section .akengage-commenter-avatar { border-radius: 3px !important; box-shadow: none !important; }

/* Nested replies: modest indent instead of heavy borders */
#akengage-comments-section .akengage-comment-list .akengage-comment-list { margin-left: 1.25rem; }