/*
 * RahkarTheme — comments.css
 * Loaded only on singular posts/pages with comments open or existing.
 * Uses theme.json design tokens; logical properties for RTL.
 */

.wp-block-comments,
.wp-block-comments-title {
	max-width: var(--wp--style--global--content-size, 760px);
	margin-inline: auto;
}

.wp-block-comment-template {
	list-style: none;
	padding: 0;
	margin-block-start: var(--wp--preset--spacing--40);
}

.wp-block-comment-template > li {
	padding-block: var(--wp--preset--spacing--30);
	border-block-end: 1px solid var(--wp--preset--color--border);
}

.wp-block-comment-template > li:last-child {
	border-block-end: 0;
}

.wp-block-comment-author-name {
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

.wp-block-comment-date {
	color: var(--wp--preset--color--text-muted);
}

.wp-block-comment-content {
	margin-block: 0.5rem;
	line-height: 1.7;
}

.wp-block-comment-reply-link a {
	color: var(--wp--preset--color--primary);
	font-weight: 500;
}

.wp-block-avatar img {
	border-radius: 9999px;
	display: block;
}

/* Reply form */
.comment-respond {
	margin-block-start: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--surface);
	border-radius: 0.75rem;
}

.comment-respond label {
	display: block;
	font-weight: 500;
	margin-block-end: 0.375rem;
	color: var(--wp--preset--color--text);
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
	width: 100%;
	padding: 0.625rem 0.875rem;
	font: inherit;
	color: var(--wp--preset--color--text);
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.5rem;
	transition: border-color 120ms ease;
}

.comment-respond input:focus,
.comment-respond textarea:focus {
	outline: 0;
	border-color: var(--wp--preset--color--primary);
}

.comment-respond textarea {
	min-height: 8rem;
	resize: vertical;
}

.comment-form-cookies-consent {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-block: var(--wp--preset--spacing--20);
}

.comment-form-cookies-consent label {
	font-weight: 400;
	margin: 0;
}

.form-submit input[type="submit"] {
	padding: 0.625rem 1.25rem;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border: 0;
	border-radius: 0.5rem;
	font: inherit;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 120ms ease;
}

.form-submit input[type="submit"]:hover,
.form-submit input[type="submit"]:focus {
	background: var(--wp--preset--color--primary-dark);
}