/* Q&A Styles */
.forum-post.qna { 
    display: grid;
    grid-template-columns: 1fr 56px;
    grid-template-rows: auto auto auto auto; /* 4 satır: user, body, readmore, footer */
    gap: 0;
}

/* forum-panel'i görünmez yap, childları direkt grid item olsun */
.forum-post.qna .forum-panel {
    display: contents;
}

.forum-post.qna .forum-user { 
    grid-column: 1 / -1; /* Full width */
    grid-row: 1;
}

.forum-post.qna .forum-body { 
    grid-column: 1;
    grid-row: 2;
}

.forum-post.qna .qna-sidebar { 
    grid-column: 2;
    grid-row: 2; /* Body'nin yanında */
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: flex-start;
    gap: 6px;
    padding: 12px 8px;
    background: rgba(0, 0, 0, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.forum-post.qna .qna-sidebar-extra {
    grid-column: 2;
    grid-row: 3;
    background: rgba(0, 0, 0, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    min-height: 40px;
}

/* Readmore butonu */
.forum-post.qna .readmore { 
    grid-column: 1 / -1; /* Full width */
    grid-row: 3;
}

/* br tagları grid'de sorun çıkarmasın diye */
.forum-post.qna .forum-panel > br {
    display: none;
}

.forum-post.qna .forum-footer { 
    grid-column: 1 / -1; /* Full width */
    grid-row: 4;
    margin-top:0;
}

.qna-sidebar .qna-up, 
.qna-sidebar .qna-down { 
    color: rgba(255,255,255,0.8); 
    text-decoration: none; 
    padding: 4px 8px; 
    border-radius: 4px; 
    background: rgba(255,255,255,0.05); 
    display: block; 
    text-align: center;
    font-size: 20px;
    line-height: 1;
    transition: all 0.2s;
    cursor: pointer;
}

.qna-sidebar .qna-up:hover { 
    background: rgba(92,184,92,0.3);
    color: #5cb85c;
}

.qna-sidebar .qna-down:hover { 
    background: rgba(217,83,79,0.3);
    color: #d9534f;
}

.qna-sidebar .qna-score { 
    color: rgba(255,255,255,0.9); 
    font-weight: 600; 
    font-size: 18px;
    min-width: 24px; 
    text-align: center; 
    line-height: 1; 
    margin: 4px 0;
}

.qna-accept a { 
    color: #5cb85c; 
    font-weight: 600; 
}

.qna-accepted { 
    background: rgba(92,184,92,0.12); 
    border: 1px solid rgba(92,184,92,0.35); 
    border-radius: 6px; 
    padding: 12px; 
    margin: 16px 0; 
}

.qna-accepted-head { 
    color: #dff0d8; 
    font-weight: 700; 
    margin-bottom: 8px; 
}

.qna-accepted-body { 
    color: rgba(255,255,255,0.9); 
}

.qna-accepted-meta { 
    color: rgba(255,255,255,0.6); 
    font-size: 12px; 
    margin-top: 8px; 
}



.qna-solution-banner {
    background: rgba(92,184,92,0.18);
    border-bottom: 1px solid #5cb85c;
    color: #dff0d8;
    padding: 10px 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.qna-solution-banner .fa {
    color: #5cb85c;
    font-size: 18px;
}

.forum-post.solution .forum-body { 
    color: rgba(255,255,255,0.9); 
}

.forum-post.solution .post-meta li { 
    color: rgba(255,255,255,0.7); 
}

.forum-panel { 
    position: relative; 
}

@media (max-width: 768px) {
    .forum-post.qna { 
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto; /* 5 satır mobilde */
    }
    
    .forum-post.qna .forum-user {
        grid-row: 1;
    }
    
    .forum-post.qna .qna-sidebar { 
        grid-column: 1;
        grid-row: 2;
        flex-direction: row; 
        gap: 12px; 
        padding: 8px;
        justify-content: center;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .forum-post.qna .qna-sidebar-extra {
        grid-column: 1;
        grid-row: 3;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        min-height: 32px;
    }
    
    .forum-post.qna .forum-body {
        grid-row: 3;
        padding:10px;
        background-color: rgb(24 26 27);;
    }
    
    .forum-post.qna .readmore {
        grid-row: 4;
    }
    
    .forum-post.qna .forum-footer {
        grid-row: 5;
    }
}