/* V18 - Yorum alanı tek kart standardı
   İlk haber ve sonsuz haberlerde yorum listesi + yorum formu aynı beyaz alan içinde görünür. */

.comment-box,
.infinite-comment-box{
    background:#fff!important;
    border:1px solid #e8eef6!important;
    border-radius:20px!important;
    padding:24px 28px!important;
    margin:22px 0!important;
    box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
    overflow:hidden!important;
}

.comment-unified{
    display:block!important;
}

.comment-list-area{
    margin:0!important;
    padding:0!important;
}

.comment-form-panel{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.comment-form-separator{
    height:1px!important;
    background:#edf2f7!important;
    margin:22px 0 18px!important;
}

.comment-box h2,
.infinite-comment-box h2,
.comment-list-area h2,
.comment-form-panel h2{
    margin:0 0 16px!important;
    color:#06142f!important;
    font-size:27px!important;
    line-height:1.2!important;
    font-weight:900!important;
}

.infinite-comment-box h2:nth-of-type(2){
    margin-top:20px!important;
    padding-top:20px!important;
    border-top:1px solid #edf2f7!important;
}

.comment-disabled,
.ajax-comment-message{
    color:#5f728f!important;
    font-weight:700!important;
    line-height:1.5!important;
    margin:4px 0 18px!important;
}

.comment-list{
    display:grid!important;
    gap:12px!important;
    margin:0 0 18px!important;
}

.comment-item{
    background:#f8fafc!important;
    border:1px solid #eef2f7!important;
    border-radius:14px!important;
    padding:14px 16px!important;
}

.comment-item b{
    display:block!important;
    color:#0f172a!important;
    font-weight:900!important;
}

.comment-item small{
    display:block!important;
    color:#64748b!important;
    margin-top:2px!important;
    font-size:12px!important;
}

.comment-item p{
    margin:8px 0 0!important;
    color:#1e293b!important;
    line-height:1.55!important;
}

.comment-form,
.ajax-comment-form{
    display:grid!important;
    gap:12px!important;
    margin-top:4px!important;
}

.comment-form .form-row,
.ajax-comment-form .form-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}

.comment-form input[type='text'],
.comment-form input[type='email'],
.comment-form textarea,
.ajax-comment-form input[type='text'],
.ajax-comment-form input[type='email'],
.ajax-comment-form textarea{
    width:100%!important;
    box-sizing:border-box!important;
    border:1px solid #c9d6e8!important;
    border-radius:11px!important;
    padding:12px 14px!important;
    font-family:inherit!important;
    font-size:15px!important;
    color:#0f172a!important;
    background:#fff!important;
    outline:none!important;
}

.comment-form input:focus,
.comment-form textarea:focus,
.ajax-comment-form input:focus,
.ajax-comment-form textarea:focus{
    border-color:#2563eb!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}

.comment-form textarea,
.ajax-comment-form textarea{
    min-height:112px!important;
    resize:vertical!important;
}

.comment-form input[type='submit'],
.comment-form button,
.ajax-comment-form button,
.ajax-comment-submit{
    width:100%!important;
    border:0!important;
    background:#16a34a!important;
    color:#fff!important;
    padding:13px 18px!important;
    border-radius:11px!important;
    font-weight:900!important;
    font-size:15px!important;
    cursor:pointer!important;
    box-shadow:0 10px 24px rgba(22,163,74,.18)!important;
    transition:filter .15s ease, transform .15s ease!important;
}

.comment-form input[type='submit']:hover,
.comment-form button:hover,
.ajax-comment-form button:hover,
.ajax-comment-submit:hover{
    filter:brightness(.97)!important;
    transform:translateY(-1px)!important;
}

.comment-msg,
.ajax-comment-message.success{
    color:#16a34a!important;
    font-weight:800!important;
}

.comment-msg.error,
.ajax-comment-message.error{
    color:#dc2626!important;
    font-weight:800!important;
}

@media(max-width:768px){
    .comment-box,
    .infinite-comment-box{
        border-radius:16px!important;
        padding:18px!important;
        margin:18px 0!important;
    }
    .comment-box h2,
    .infinite-comment-box h2,
    .comment-list-area h2,
    .comment-form-panel h2{
        font-size:23px!important;
    }
    .comment-form .form-row,
    .ajax-comment-form .form-row{
        grid-template-columns:1fr!important;
    }
}