/* ==========================================================================
   Parak Mahan Chemi — WordPress glue for the content pages
   (home.php / archive.php / search.php / single.php / comments.php /
    templates/page-contact.php / 404.php / page.php)
   Loaded after wp.css and before ltr.css / ar.css. Design rules stay in pages-c.css.
   ========================================================================== */

/* Filter chips are links (to category archives) */
a.filters__chip { text-decoration: none; }

/* Pagination: disabled "next" (the demo only had a disabled "previous") */
.pagination span.pagination__next { display: inline-flex; align-items: center; }

/* ---------- Comments (wp_list_comments + comment_form) ---------- */
.comment-list > li, .comment-list--children > li { list-style: none; }
.comment-list--children { margin-block-start: 12px; }
.comment__text > * + * { margin-block-start: .8em; }
.comment__text a { color: var(--cobalt); text-decoration: underline; text-underline-offset: 4px; }
.comment__reply { text-decoration: none; }
.comments__closed { font-size: .875rem; color: var(--muted); margin-block-start: 16px; }

/* #respond carries the .form.form--flat card; the <form> inside is plain */
.comment-respond.form { margin-block-start: 24px; }
.comment-respond .comment-form { margin: 0; }
.comment-respond .form__head { flex-wrap: wrap; }
.comment-respond .comment-reply-title small { font-size: .8125rem; font-weight: 500; margin-inline-start: 8px; }
.comment-respond .comment-reply-title small a { color: var(--cobalt); text-decoration: underline; text-underline-offset: 4px; }
.comment-list .comment-respond.form { margin-block: 12px 0; }
.comment-respond .comment__role { margin-block-end: 12px; }

/* ---------- Content from the editor inside .prose ---------- */
.prose img { max-inline-size: 100%; block-size: auto; }
.prose figure { margin-inline: 0; }
.prose .wp-block-image img, .prose .wp-caption img { border-radius: var(--radius-m, 12px); }
.prose .alignwide, .prose .alignfull { max-inline-size: 100%; }
.prose .wp-block-table table, .prose > table { inline-size: 100%; border-collapse: collapse; }
.prose > table th, .prose > table td { padding: 10px 12px; border: 1px solid var(--line); }
.page-prose { max-inline-size: 820px; margin-inline: auto; }
.prose .post-cta a, .prose .table-card a { text-decoration: none; }

/* ---------- Contact form states ---------- */
.contact-form.is-sending button[type="submit"] { opacity: .7; cursor: progress; }
.contact-form .form__alert span { flex: 1; }