/* Bloggkommentarer — tydligare trådar och mer levande utseende */

.ct-comments-container {
	--lyfco-comment-bg: var(--theme-palette-color-7, #fafbfc);
	--lyfco-comment-border: var(--theme-palette-color-5, #e1e8ed);
	--lyfco-comment-accent: var(--theme-palette-color-1, #2872fa);
	margin-top: 2.5rem;
}

.ct-comments-title {
	font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-bottom: 1.25rem !important;
}

.ct-comment-list > .comment > .ct-comment-inner {
	margin-bottom: 1rem;
	padding: 1.25rem 1.35rem !important;
	border: 1px solid var(--lyfco-comment-border);
	border-radius: 14px;
	background: var(--lyfco-comment-bg);
	border-top: 1px solid var(--lyfco-comment-border) !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.ct-comment-list .children {
	margin: 0.75rem 0 0 !important;
	padding-inline-start: 1.25rem !important;
	border-inline-start: 3px solid var(--lyfco-comment-accent);
	list-style: none;
}

.ct-comment-list .children > .comment > .ct-comment-inner {
	background: #fff;
	border-color: color-mix(in srgb, var(--lyfco-comment-accent) 18%, var(--lyfco-comment-border));
}

.ct-comment-meta {
	margin-bottom: 0.85rem !important;
}

.ct-comment-author {
	font-size: 1rem !important;
	font-weight: 700 !important;
}

.ct-author-comment .ct-comment-author cite {
	color: var(--lyfco-comment-accent);
}

.ct-comment-meta-data {
	gap: 0.35rem;
	font-size: 0.72rem !important;
	letter-spacing: 0.04em;
}

.ct-comment-meta-data .comment-reply-link {
	font-weight: 700;
	border-radius: 999px !important;
	height: 28px !important;
	padding: 0 12px !important;
}

.lyfco-comment-reply-to {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0 0 0.65rem;
	padding: 0.25rem 0.65rem;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--lyfco-comment-accent);
	background: color-mix(in srgb, var(--lyfco-comment-accent) 10%, #fff);
	border-radius: 999px;
}

.lyfco-comment-reply-to span {
	font-size: 0.95em;
}

.ct-comment-content {
	font-size: 0.98rem;
	line-height: 1.65;
}

.ct-comment-content p:last-child {
	margin-bottom: 0;
}

.comment-respond:not(:only-child) .comment-reply-title {
	padding-top: 1.5rem !important;
	margin-top: 0.5rem;
	border-top: 1px dashed var(--lyfco-comment-border) !important;
}

.comment-form {
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--lyfco-comment-border);
	border-radius: 14px;
	background: #fff;
}

.comment-form .submit {
	border-radius: 999px;
	font-weight: 700;
}

@media (max-width: 689.98px) {
	.ct-comment-list .children {
		padding-inline-start: 0.85rem !important;
	}

	.ct-comment-list > .comment > .ct-comment-inner,
	.comment-form {
		padding: 1rem 1.05rem !important;
	}
}