/* Styles specifically for post-level comment forms and post page comment UI */
.post-form-container { max-width: 560px; margin: 18px 0; box-sizing: border-box; }
.post-form-container .post-form { padding: 12px; border: 1px solid #eee; background: #fff; border-radius: 6px; }
.post-form-actions { display:flex; align-items:center; justify-content:space-between; margin-top:10px; }
..post-card-comment-form { margin-top: 12px; padding: 10px; border: 1px solid #eee; background:#fff; border-radius:6px; }
.post-card-comment-form form { display: flex; align-items: center; gap: 8px; }
.post-card-comment-input { flex: 1; min-width: 0; padding:10px 12px; border:1px solid #e6e6e6; border-radius:6px; box-sizing:border-box; font-size:14px; color:#333; }
.post-comment-submit { padding: 9px 14px; border-radius: 6px; border: 1px solid #5a9a3c; background: #5a9a3c; color: #fff; cursor: pointer; font-weight: 600; }
.post-comment-submit:hover { background: #4f8d36; }
.post-card-comment-input:focus { outline: none; border-color:#cfdfe8; box-shadow: 0 0 0 3px rgba(95,170,120,0.06); }
.form-no-padding .post-card-comment-input { margin:0; }
@media (max-width: 720px) {
    .post-form-container, .post-card-comment-form { max-width: 100%; width: 100%; padding: 8px; }
}

/* ===== CSP-compliant component styles (replaces inline style= attributes) ===== */

/* Indented reply-thread wrapper (reply-card.php, display_depth=1 always) */
.comment-thread--indented {
    margin-left: 30px;
    border-left: 2px solid #e0e0e0;
    padding-left: 15px;
}

/* ↳ yanıt badge shown on nested reply/comment headers */
.reply-label {
    color: #999;
    font-size: 10px;
    background: #f0f0f0;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 5px;
}

/* "Bu mesaja cevap var" indicator beneath reply content */
.reply-status {
    margin: 8px 0 0;
    color: #555;
    font-size: 12px;
}

/* Nested thread indentation stripe for .comment-replies children */
.comment-replies .comment-thread {
    border-left: 2px solid #e0e0e0;
    padding-left: 15px;
}

/* Event-comment nested replies container */
.event-comment-replies {
    margin-left: 18px;
    margin-top: 8px;
}

/* Group-comment item vertical rhythm + top-level divider */
.comment-thread > .comment-item {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.comment-replies .comment-thread > .comment-item {
    border-bottom: none;
}

/* Group-comment header bottom spacing */
.comment-thread .comment-header {
    margin-bottom: 8px;
}

/* Group-comment content sizing */
.comment-thread .comment-content {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 10px;
}

/* Group-comment author colour */
.gc-author {
    color: #2e7d32;
    font-weight: 600;
}

/* Group-post card: separator dot and group-name link */
.group-post-meta-sep  { color: #666; font-size: 11px; }
.group-post-meta-link { color: #666; text-decoration: none; font-size: 11px; display: inline-block; }

/* Event-update card: image wrapper */
.eu-image-wrap     { margin-bottom: 10px; }
.eu-image-wrap img { max-width: 100%; border-radius: 6px; }

/* Report form inline margin */
.report-form { margin-top: 8px; }

/* Inline/inline-block action forms */
.action-form-inline       { display: inline;       margin: 0; }
.action-form-inline-block { display: inline-block; }
.action-form-report       { display: inline-block; margin-left: 6px; }

/* Event-comment feed "Etkinlikte gör" link row */
.event-comment-see-link { margin-top: 8px; font-size: 12px; }

/* Test-question number badge */
.test-question-number { font-weight: bold; margin-bottom: 4px; }

/* General-purpose top-margin utility */
.mt-8 { margin-top: 8px; }