/* Single Post & Page */
.single .main > .container, .page .main > .container{
  max-width: 760px;
  margin: 0 auto;
}
/* ... (کدهای قبلی single.css و page.css اینجا قرار می‌گیرند و یکسان هستند) ... */
/* ... (برای جلوگیری از تکرار، فقط کدهای جدید دیدگاه‌ها را اضافه می‌کنم) ... */

/* فوتر نوشته و برچسب‌ها */
.single-post .entry-footer{ margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border); }
.single-post .tag-links{ font-size:.9rem; }
.single-post .tag-links span{ color:#333; font-weight: 700; margin-inline-end: 8px; }
.single-post .tag-links a{ color: var(--muted); text-decoration: none; }
.single-post .tag-links a:hover{ color: var(--primary); }

/* ناوبری نوشته قبلی/بعدی */
.post-navigation{ display:flex; justify-content:space-between; gap:12px; margin-top:28px; }
.post-navigation a{ color: var(--primary); text-decoration: none; font-weight: 700; }
.post-navigation a:hover{ text-decoration: underline; }

/*
 * === دیدگاه‌ها (Comments) ===
*/
.comments-area{ margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--border); }
.comments-title{ font-size: 1.5rem; margin-bottom: 24px; color: var(--text); }
.comment-list{ list-style:none; margin:0; padding:0; }
.comment-list .comment{ border-bottom:1px solid var(--border); padding:20px 0; }
.comment-list .children{ list-style: none; padding-inline-start: 30px; }
.comment-body{ display: flex; gap: 15px; }
.comment-author .avatar{ border-radius: 50%; flex-shrink: 0; }
.comment-content{ flex-grow: 1; }
.comment-meta{ display: flex; flex-direction: column; align-items: flex-start; }
.comment-author{ font-weight:700; color:var(--text); font-style: normal; }
.comment-metadata a{ font-size: 0.8rem; color: var(--muted); }
.comment-content p{ margin:.8em 0; line-height:1.8; font-size: 0.95rem; }
.reply a{
    font-size: 0.85rem; font-weight: 700; color: var(--primary);
    padding: 4px 10px; border: 1px solid var(--border); border-radius: 6px;
}
.reply a:hover{ background: var(--site-bg); }

/* فرم دیدگاه */
.comment-respond{ margin-top: 24px; }
.comment-respond .comment-reply-title{ font-size: 1.5rem; }
.comment-respond label{ display:block; margin-bottom:6px; color:#555; font-size: 0.9rem; }
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea{
  width:100%; padding:.65em .8em; border:1px solid var(--border);
  border-radius:8px; outline:0; background:var(--surface); color:#333;
  transition: border-color .2s;
}
.comment-respond input:focus, .comment-respond textarea:focus{ border-color: var(--primary); }
.comment-respond textarea{ min-height:120px; }
.comment-respond .form-submit input[type="submit"]{
  background:var(--primary); color:#fff; border:0; padding:.75em 1.5em; border-radius:8px; cursor:pointer;
  font-weight: 700; transition: background .2s;
}
.comment-respond .form-submit input[type="submit"]:hover{ filter:brightness(1.1); }