/* DanhSachVang - Compact Comments */
.dsv-comments{margin:0}
.dsv-comments-bar{
    display:flex;align-items:center;justify-content:space-between;gap:18px
}
.dsv-comments-bar-text{min-width:0}
.dsv-comments-bar .detail-kicker{display:block;margin-bottom:3px}
.dsv-comments-bar h2{margin:0;font-size:24px;line-height:1.25}
.dsv-comment-toggle{
    flex:0 0 auto;appearance:none;border:1px solid #2f395f;border-radius:8px;
    padding:9px 14px;background:#fff;color:#2f395f;font:inherit;
    font-size:14px;font-weight:800;cursor:pointer
}
.dsv-comment-toggle:hover{background:#2f395f;color:#fff}

/* Danh sách bình luận */
.dsv-comment-list,.dsv-comment-list .children{list-style:none;margin:0;padding:0}
.dsv-comment-list{margin-top:18px;border-top:1px solid #eceef2}
.dsv-comment-list>li{padding:16px 0;border-bottom:1px solid #eceef2}
.dsv-comment-list .children{margin:14px 0 0 48px}
.dsv-comment-list .comment-body{position:relative}
.dsv-comment-list .comment-meta{margin-bottom:7px}
.dsv-comment-list .comment-author{display:flex;align-items:center;gap:9px}
.dsv-comment-list .avatar{width:42px;height:42px;border-radius:50%}
.dsv-comment-list .fn{font-style:normal;font-weight:800;color:#2f395f}
.dsv-comment-list .says{display:none}
.dsv-comment-list .comment-metadata{margin:2px 0 0 51px;font-size:12px;color:#8a909b}
.dsv-comment-list .comment-metadata a{color:inherit;text-decoration:none}
.dsv-comment-list .comment-content{margin:6px 0 0 51px;color:#444b57;line-height:1.65}
.dsv-comment-list .comment-content p{margin:0 0 7px}
.dsv-comment-list .reply{margin:6px 0 0 51px}
.dsv-comment-list .reply a{font-size:13px;font-weight:800;text-decoration:none}
.dsv-comments .comment-navigation{margin:14px 0}
.dsv-comments .nav-links{display:flex;justify-content:space-between;gap:12px}

/* Form mặc định được HTML hidden hoàn toàn */
.dsv-comment-form-wrap{
    margin-top:16px;padding:18px;border:1px solid #e4e7ec;
    border-radius:10px;background:#fafbfc
}
.dsv-comment-form-wrap[hidden]{display:none!important}
.dsv-comment-form-title{margin:0 0 14px;color:#2f395f;font-size:19px}
.dsv-comments .comment-respond{margin:0}
.dsv-comments .comment-form{display:flex;flex-wrap:wrap;gap:0 12px;margin:0}
.dsv-comments .comment-form-comment{order:1;width:100%;margin:0 0 12px}
.dsv-comments .comment-form-author{order:2;width:calc(50% - 6px);margin:0 0 12px}
.dsv-comments .comment-form-email{order:3;width:calc(50% - 6px);margin:0 0 12px}
.dsv-comments .comment-form-cookies-consent{
    order:4;display:flex;align-items:center;gap:7px;width:auto;
    flex:1 1 300px;margin:2px 12px 0 0;font-size:13px;color:#666d78
}
.dsv-comments .form-submit{order:5;margin:0 0 0 auto}
.dsv-comments .comment-form-comment label,
.dsv-comments .comment-form-author label,
.dsv-comments .comment-form-email label{
    display:block;margin:0 0 5px;font-size:13px;font-weight:750;color:#454c58
}
.dsv-comments textarea,
.dsv-comments input[type="text"],
.dsv-comments input[type="email"]{
    display:block;width:100%;box-sizing:border-box;border:1px solid #d9dde4;
    border-radius:7px;padding:9px 10px;background:#fff;font:inherit;
    font-size:14px;outline:none
}
.dsv-comments textarea{min-height:92px;resize:vertical}
.dsv-comments textarea:focus,
.dsv-comments input[type="text"]:focus,
.dsv-comments input[type="email"]:focus{border-color:#2f395f}
.dsv-comments .comment-form-cookies-consent input{
    flex:0 0 auto;width:15px;height:15px;margin:0
}
.dsv-comments .comment-form-cookies-consent label{margin:0}
.dsv-comment-submit{
    appearance:none;border:0;border-radius:7px;padding:9px 15px;
    background:#2f395f;color:#fff;font:inherit;font-size:14px;
    font-weight:800;cursor:pointer
}
.dsv-comment-submit:hover{opacity:.92}
.dsv-comments .required{color:#f68a26}

/* WordPress reply */
.dsv-comments #cancel-comment-reply-link{
    margin-left:8px;font-size:12px;font-weight:600
}

@media(max-width:700px){
    .dsv-comments-bar{align-items:flex-end}
    .dsv-comments-bar h2{font-size:21px}
    .dsv-comment-toggle{padding:8px 11px}
    .dsv-comment-form-wrap{padding:14px}
    .dsv-comments .comment-form-author,
    .dsv-comments .comment-form-email{width:100%}
    .dsv-comments .comment-form-cookies-consent{
        width:100%;flex-basis:100%;margin:0 0 12px
    }
    .dsv-comments .form-submit{width:100%;margin:0}
    .dsv-comment-submit{width:100%}
    .dsv-comment-list .children{margin-left:18px}
}