/*
 * Benchfa Panel: loaded on single posts/pages for comment styling.
 * Color variables (--bfp-u, --bfp-u-ink, --bfp-u-soft) come from the inline
 * CSS generated per preset in bfp_color_css().
 *
 * Comment bubble: covers the common comment markup of classic themes.
 * If Benchfa's theme wraps comments differently, add its selector here.
 */
.bfp-has-color > .comment-body,
.bfp-has-color > article.comment-body,
.bfp-has-color > .comment-inner,
.bfp-has-color > .comment-wrap,
.bfp-has-color > .comment-container {
	background: var(--bfp-u-soft);
	border-inline-start: 3px solid var(--bfp-u);
	border-radius: 14px;
	padding: 14px 16px;
}

.bfp-has-color .comment-author .fn,
.bfp-has-color .comment-author .fn a {
	color: var(--bfp-u-ink);
}

/* Rig line under a comment */
.bfp-comment-rig {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.4;
	direction: ltr;
	justify-content: flex-end;
}
.bfp-comment-rig__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 8px;
	border-radius: 6px;
	background: rgba(127, 127, 127, 0.1);
	color: inherit;
	white-space: nowrap;
}
.bfp-comment-rig__label {
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.02em;
	color: var(--bfp-u-ink, #5634CF);
}