/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 14 2026 | 14:42:26 */
/* قلم و دیدگاه‌های نوشته‌ها؛ فقط صفحات نوشته تکی */
body.single-post .wd-entry-content { color:#374151; font-size:19px; line-height:1.95; }
body.single-post .wd-entry-content p,
body.single-post .wd-entry-content li { color:#374151; font-size:19px; line-height:1.95; }
body.single-post .wd-entry-content h2 { color:#102a43; font-size:27px; font-weight:700; line-height:1.6; margin:1.8em 0 .65em; }
body.single-post .wd-entry-content h3 { color:#102a43; font-size:24px; font-weight:700; line-height:1.6; margin:1.55em 0 .6em; }
body.single-post .wd-entry-content h4 { color:#102a43; font-size:21px; font-weight:700; line-height:1.6; margin:1.35em 0 .55em; }
body.single-post .wd-entry-content img { max-width:100%; height:auto; }
body.single-post #comments.comments-area { margin-top:44px; color:#334155; }
body.single-post #comments .comment-list { display:flex; flex-direction:column; position:relative; list-style:none; margin:20px 0 28px; padding:42px 0 0; counter-reset:article-comments; }
body.single-post #comments .comment-list li.comment { counter-increment:article-comments; }
body.single-post #comments .comment-list::after { position:absolute; top:0; right:0; order:-1; display:inline-flex; align-self:flex-start; margin:0 0 12px 0; padding:6px 12px; border:1px solid #e2e8f0; border-radius:999px; background:#f8fafc; color:#475569; font-size:14px; font-weight:600; content:'دیدگاه‌ها ' counter(article-comments); }
body.single-post #comments .comment-list > li.comment { transition:border-color .2s ease, box-shadow .2s ease; }
body.single-post #comments .comment-list > li.comment:hover { border-color:#10b981; box-shadow:0 6px 20px rgba(16,185,129,.10); }
body.single-post #comments .comment-list > li.comment { list-style:none; margin:0 0 14px; padding:0; background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 4px 16px rgba(15,23,42,.045); overflow:hidden; }
body.single-post #comments .comment-body { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; padding:18px 20px; border:0; }
body.single-post #comments .comment-author { grid-column:1; grid-row:1; margin:0; font-size:16px; line-height:1.7; }
body.single-post #comments .comment-author .fn { color:#102a43; font-style:normal; font-weight:700; }
body.single-post #comments .comment-author .says { display:none; }
body.single-post #comments .comment-meta { grid-column:2; grid-row:1; align-self:center; color:#64748b; font-size:13px; line-height:1.6; text-align:left; }
body.single-post #comments .comment-meta a { color:inherit; text-decoration:none; }
body.single-post #comments .comment-body > p { grid-column:1 / -1; margin:2px 0 0; color:#334155; font-size:16px; line-height:1.85; }
body.single-post #comments .reply { grid-column:1 / -1; margin:0; }
body.single-post #comments .comment-reply-link { display:inline-flex; align-items:center; padding:5px 12px; border:1px solid #d1fae5; border-radius:999px; background:#f0fdf4; color:#047857; font-size:13px; font-weight:600; text-decoration:none; }
body.single-post #comments .children { list-style:none; margin:0 16px 14px 0; padding:0 14px 0 0; border-right:3px solid #34d399; }
body.single-post #comments .children > li.comment { list-style:none; margin:0; padding:0; background:#f8fffb; border:1px solid #d1fae5; border-radius:12px; }
body.single-post #comments .children .comment-body { padding:14px 16px; }
body.single-post #comments #respond { margin-top:30px; padding:24px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:16px; }
body.single-post #comments #reply-title { margin:0 0 16px; color:#102a43; font-size:22px; font-weight:700; line-height:1.5; }
body.single-post #comments .comment-notes { margin:0 0 18px; color:#64748b; font-size:14px; line-height:1.8; }
body.single-post #comments .comment-form label { display:block; margin:0 0 7px; color:#334155; font-size:15px; font-weight:600; }
body.single-post #comments .comment-form textarea,
body.single-post #comments .comment-form input[type='text'],
body.single-post #comments .comment-form input[type='email'],
body.single-post #comments .comment-form input[type='url'] { box-sizing:border-box; width:100%; max-width:100%; min-height:48px; padding:11px 13px; border:1px solid #cbd5e1; border-radius:10px; background:#fff; color:#1e293b; font:inherit; }
body.single-post #comments .comment-form textarea { min-height:150px; resize:vertical; }
body.single-post #comments .comment-form textarea:focus,
body.single-post #comments .comment-form input:focus { border-color:#10b981; outline:3px solid rgba(16,185,129,.14); }
body.single-post #comments .comment-form .submit { min-height:48px; padding:10px 24px; border:0; border-radius:10px; background:#087f5b; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
@media (max-width:767px) {
 body.single-post .wd-entry-content { font-size:18px; line-height:1.9; }
 body.single-post .wd-entry-content p, body.single-post .wd-entry-content li { font-size:18px; line-height:1.9; }
 body.single-post .wd-entry-content h2 { font-size:23px; }
 body.single-post .wd-entry-content h3 { font-size:21px; }
 body.single-post .wd-entry-content h4 { font-size:19px; }
 body.single-post #comments.comments-area { margin-top:32px; }
 body.single-post #comments .comment-body { gap:7px 10px; padding:14px; }
 body.single-post #comments .comment-author { font-size:15px; }
 body.single-post #comments .comment-meta { font-size:12px; }
 body.single-post #comments .comment-body > p { font-size:15px; line-height:1.85; }
 body.single-post #comments .children { margin-right:8px; padding-right:9px; border-right-width:2px; }
 body.single-post #comments .children .comment-body { padding:12px; }
 body.single-post #comments #respond { margin-top:22px; padding:16px; border-radius:14px; }
 body.single-post #comments #reply-title { font-size:20px; }
}
@media (max-width:380px) {
 body.single-post #comments .comment-body { grid-template-columns:minmax(0,1fr); }
 body.single-post #comments .comment-meta { grid-column:1; grid-row:2; text-align:right; }
 body.single-post #comments .comment-body > p { grid-row:3; }
 body.single-post #comments .reply { grid-row:4; }
}