/* Comments — blog posts and pages. Loaded only where a comment form or thread exists. */

.murtadd-comments {
	padding: 40px 0 64px;
	border-top: 1px solid var(--murtadd-border);
	margin-top: 40px;
}

/* ---------- Thread ---------- */
.murtadd-comment-list,
.murtadd-comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.murtadd-comment-list { margin: 20px 0 32px; }
.murtadd-comment-list .children {
	margin-left: 24px;
	padding-left: 20px;
	border-left: 2px solid var(--murtadd-border);
}

.murtadd-comment { margin-bottom: 4px; }

.murtadd-comment-body {
	background: var(--murtadd-surface);
	border: 1px solid var(--murtadd-border);
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 12px;
}
.murtadd-comment.bypostauthor > .murtadd-comment-body {
	border-color: var(--murtadd-accent);
	background: var(--murtadd-accent-tint);
}

.murtadd-comment-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.murtadd-comment-avatar { display: flex; flex: none; }
.murtadd-comment-avatar img { border-radius: 50%; display: block; }
.murtadd-comment-author {
	font: 600 14px var(--murtadd-font-sans);
	color: var(--murtadd-text);
}
.murtadd-comment-date {
	font: 500 11.5px var(--murtadd-font-sans);
	color: var(--murtadd-text-muted);
	margin-left: auto;
}
.murtadd-comment-date a { color: inherit; text-decoration: none; }
.murtadd-comment-date a:hover { color: var(--murtadd-accent); }

.murtadd-comment-pending {
	font: 600 11.5px var(--murtadd-font-sans);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #8a4b00;
	margin: 0 0 8px;
}

.murtadd-comment-content {
	font-family: var(--murtadd-font-serif);
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--murtadd-text);
}
.murtadd-comment-content p { margin: 0 0 10px; }
.murtadd-comment-content p:last-child { margin-bottom: 0; }
.murtadd-comment-content blockquote {
	margin: 10px 0;
	padding-left: 14px;
	border-left: 3px solid var(--murtadd-accent-secondary);
	color: var(--murtadd-text-muted);
}

.murtadd-comment-footer { margin-top: 10px; }
.murtadd-comment-reply a {
	font: 600 12px var(--murtadd-font-sans);
	color: var(--murtadd-accent);
	text-decoration: none;
}
.murtadd-comment-reply a:hover { text-decoration: underline; }

.murtadd-comments-closed {
	font: 500 13px var(--murtadd-font-sans);
	color: var(--murtadd-text-muted);
	padding: 12px 0;
}

/* ---------- Form ---------- */
.murtadd-comment-form,
.comment-respond form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 640px;
}
.murtadd-comment-notes,
.comment-notes {
	font-size: 13.5px;
	color: var(--murtadd-text-muted);
	margin: 8px 0 4px;
	max-width: 640px;
}
.comment-respond label {
	display: block;
	font: 600 11.5px var(--murtadd-font-sans);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--murtadd-text-muted);
	margin-bottom: 6px;
}
.comment-respond input[type='text'],
.comment-respond input[type='email'],
.comment-respond input[type='url'],
.comment-respond textarea {
	width: 100%;
	padding: 10px 14px;
	background: var(--murtadd-surface);
	border: 1px solid var(--murtadd-border);
	border-radius: 8px;
	color: var(--murtadd-text);
	font: 400 14.5px var(--murtadd-font-sans);
}
.comment-respond textarea {
	font-family: var(--murtadd-font-serif);
	font-size: 15.5px;
	line-height: 1.7;
	resize: vertical;
}
.comment-respond input:focus,
.comment-respond textarea:focus {
	border-color: var(--murtadd-accent);
	outline: 2px solid var(--murtadd-accent);
	outline-offset: 1px;
}
.comment-respond .comment-form-cookies-consent {
	display: flex;
	align-items: center;
	gap: 8px;
}
.comment-respond .comment-form-cookies-consent label {
	margin: 0;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 13px;
	color: var(--murtadd-text-muted);
}
.comment-respond .comment-form-cookies-consent input { width: auto; }
.comment-respond p { margin: 0; }
.comment-respond .form-submit { margin-top: 4px; }

#reply-title small {
	display: inline-block;
	margin-left: 10px;
	font: 500 12px var(--murtadd-font-sans);
	text-transform: none;
	letter-spacing: 0;
}
#reply-title small a { color: var(--murtadd-text-muted); }

/* ---------- Responsive ---------- */
@media (max-width: 700px) {
	.murtadd-comment-list .children { margin-left: 10px; padding-left: 12px; }
	.murtadd-comment-header { flex-wrap: wrap; }
	.murtadd-comment-date { margin-left: 0; width: 100%; }
}