/* =========================================================================
   Machon Nadav bbPress (forum) styles.

   Loaded only on bbPress surfaces (forum, topic, reply archives and
   singles) and depends on the main theme handle, so it overrides the
   shared tokens defined in theme.css. Reuses the brand CSS variables
   (--brand, --ink, --paper, --radius, Heebo) from theme.css; does not
   redeclare them here.

   Strategy: style bbPress's DEFAULT markup (#bbpress-forums, .bbp-*) only.
   We never override the plugin's PHP templates, so these rules stay robust.
   Everything is scoped under .mn-body so it cannot leak and so it beats the
   plugin's bundled stylesheet on specificity without leaning on !important.
   The forum index rows are styled to echo the comp's forum-teaser rows.

   RTL Hebrew. Orange (#FD6B03) is the only accent. Never use the em or en dash.
   ========================================================================= */

/* -------------------------------------------------------------------------
   0. Shell + typography
   ------------------------------------------------------------------------- */

.mn-body #bbpress-forums {
	color: var(--ink);
	font-family: "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 1rem;
	margin-bottom: 2.5rem;
}

.mn-body #bbpress-forums a {
	color: var(--brand-600);
	transition: color 0.2s var(--ease);
}

.mn-body #bbpress-forums a:hover {
	color: var(--brand);
}

/* Section / page headings bbPress prints (e.g. "Forum", "Recent topics"). */
.mn-body #bbpress-forums h1,
.mn-body #bbpress-forums h2,
.mn-body #bbpress-forums h3 {
	color: var(--ink);
	font-weight: 800;
	letter-spacing: -0.01em;
}

/* -------------------------------------------------------------------------
   1. Breadcrumb
   ------------------------------------------------------------------------- */

.mn-body .bbp-breadcrumb {
	margin: 0 0 1.25rem;
	font-size: 0.875rem;
	color: var(--ink-500);
}

.mn-body .bbp-breadcrumb a {
	color: var(--ink-500);
}

.mn-body .bbp-breadcrumb a:hover {
	color: var(--brand);
}

.mn-body .bbp-breadcrumb .bbp-breadcrumb-sep {
	color: var(--line-strong);
	margin-inline: 0.25rem;
}

/* -------------------------------------------------------------------------
   2. Forum + topic lists  (.bbp-forums / .bbp-topics)
   The whole list is wrapped in a card so it echoes the comp's forum teaser.
   ------------------------------------------------------------------------- */

.mn-body #bbpress-forums .bbp-forums,
.mn-body #bbpress-forums .bbp-topics,
.mn-body #bbpress-forums .bbp-replies,
.mn-body #bbpress-forums .bbp-search-results {
	margin-bottom: 1.5rem;
	overflow: hidden;
	border-radius: var(--radius);
	border: 1px solid var(--line);
	background: var(--white);
	box-shadow: var(--shadow-soft);
}

/* Column header strip. bbPress prints the header labels inside
   <ul class="forum-titles"> (forums index) or the equivalent on topic/reply
   archives; include all of those so the strip is tinted and the labels line up
   over their columns. */
.mn-body #bbpress-forums li.bbp-header,
.mn-body #bbpress-forums ul.forum-titles,
.mn-body #bbpress-forums ul.bbp-forum-titles,
.mn-body #bbpress-forums ul.bbp-topic-titles,
.mn-body #bbpress-forums ul.bbp-reply-titles {
	background: var(--paper);
	border-bottom: 1px solid var(--line);
	color: var(--ink);
	font-weight: 800;
	font-size: 0.85rem;
	padding: 0.85rem 1.5rem;
	margin: 0;
}

/* Lay the header labels out as a flex row that mirrors the data rows below: the
   title grows, the count + freshness columns sit at the end. This keeps each
   label sitting over its column instead of center-clustered. */
.mn-body #bbpress-forums li.bbp-header ul.forum-titles {
	display: flex;
	align-items: center;
	gap: 0.5rem 1rem;
	padding: 0;
	list-style: none;
}

.mn-body #bbpress-forums li.bbp-header ul.forum-titles li {
	margin: 0;
	padding: 0;
	float: none;
	text-align: start;
}

.mn-body #bbpress-forums li.bbp-header ul.forum-titles li.bbp-topic-title {
	flex: 1 1 auto;
}

.mn-body #bbpress-forums li.bbp-header ul.forum-titles li.bbp-topic-voice-count,
.mn-body #bbpress-forums li.bbp-header ul.forum-titles li.bbp-topic-reply-count {
	flex: 0 0 auto;
	min-width: 3.5rem;
	text-align: center;
}

.mn-body #bbpress-forums li.bbp-header ul.forum-titles li.bbp-topic-freshness {
	flex: 0 0 auto;
	min-width: 8rem;
}

.mn-body #bbpress-forums li.bbp-footer {
	background: var(--paper);
	border-top: 1px solid var(--line);
	color: var(--ink-500);
	font-size: 0.85rem;
	padding: 0.75rem 1.5rem;
}

/* Body wrapper. */
.mn-body #bbpress-forums .bbp-body {
	border: 0;
}

/* The list rows. bbPress lays each row out as a flex/float row with
   .bbp-forum-info / .bbp-topic-freshness columns. We normalise the row to a
   clean flex layout that mirrors the comp's forum teaser. */
.mn-body #bbpress-forums li.bbp-body ul.forum,
.mn-body #bbpress-forums li.bbp-body ul.topic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	padding: 1rem 1.5rem;
	margin: 0;
	border-bottom: 1px solid var(--line);
	list-style: none;
	transition: background-color 0.2s var(--ease);
}

.mn-body #bbpress-forums li.bbp-body ul.forum:last-child,
.mn-body #bbpress-forums li.bbp-body ul.topic:last-child {
	border-bottom: 0;
}

.mn-body #bbpress-forums li.bbp-body ul.forum:hover,
.mn-body #bbpress-forums li.bbp-body ul.topic:hover {
	background: var(--paper);
}

/* Title + description column (grows to fill). */
.mn-body #bbpress-forums li.bbp-forum-info,
.mn-body #bbpress-forums li.bbp-topic-title {
	flex: 1 1 16rem;
	min-width: 0;
	float: none;
	margin: 0;
	padding: 0;
}

.mn-body #bbpress-forums .bbp-forum-title,
.mn-body #bbpress-forums .bbp-topic-permalink {
	display: inline-block;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--ink);
}

.mn-body #bbpress-forums .bbp-forum-title:hover,
.mn-body #bbpress-forums .bbp-topic-permalink:hover {
	color: var(--brand);
}

.mn-body #bbpress-forums .bbp-forum-content,
.mn-body #bbpress-forums li.bbp-topic-title p {
	margin: 0.2rem 0 0;
	font-size: 0.875rem;
	color: var(--ink-500);
}

/* Topic meta (started by / author). */
.mn-body #bbpress-forums .bbp-topic-started-by,
.mn-body #bbpress-forums .bbp-topic-meta {
	margin-top: 0.2rem;
	font-size: 0.8rem;
	color: var(--ink-500);
}

.mn-body #bbpress-forums .bbp-topic-started-by a,
.mn-body #bbpress-forums .bbp-topic-meta a {
	color: var(--ink-700);
	font-weight: 600;
}

/* Reply / voice count columns as the comp's orange pill counter. */
.mn-body #bbpress-forums li.bbp-forum-reply-count,
.mn-body #bbpress-forums li.bbp-forum-topic-count,
.mn-body #bbpress-forums li.bbp-topic-reply-count,
.mn-body #bbpress-forums li.bbp-topic-voice-count {
	flex: 0 0 auto;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

.mn-body #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
.mn-body #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
.mn-body #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
	display: inline-grid;
	place-items: center;
	min-width: 3.5rem;
	border-radius: var(--radius-pill);
	background: var(--brand-50);
	color: var(--brand-600);
	padding: 0.25rem 0.75rem;
	font-size: 0.8rem;
	font-weight: 700;
}

/* Freshness column (last poster + time). */
.mn-body #bbpress-forums li.bbp-forum-freshness,
.mn-body #bbpress-forums li.bbp-topic-freshness {
	flex: 0 0 auto;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: start;
	font-size: 0.8rem;
	color: var(--ink-500);
}

.mn-body #bbpress-forums li.bbp-forum-freshness a,
.mn-body #bbpress-forums li.bbp-topic-freshness a {
	color: var(--ink-700);
	font-weight: 600;
}

/* Header-row column labels keep the float/inline layout bbPress expects so
   they line up over the data; reset their pill styling. */
.mn-body #bbpress-forums li.bbp-header li,
.mn-body #bbpress-forums li.bbp-footer li {
	background: transparent;
	color: inherit;
	padding: 0;
	font-weight: inherit;
}

/* Sticky / super-sticky topic flag. */
.mn-body #bbpress-forums .super-sticky .bbp-topic-permalink,
.mn-body #bbpress-forums .sticky .bbp-topic-permalink {
	position: relative;
}

.mn-body #bbpress-forums .super-sticky,
.mn-body #bbpress-forums .sticky {
	background: var(--brand-50);
}

/* -------------------------------------------------------------------------
   3. Single topic / replies  (.bbp-reply-header / .bbp-reply-content)
   Each reply is a card with an author rail. Staff replies get an orange
   left border + tinted background so "מכון נדב" answers stand out.
   ------------------------------------------------------------------------- */

.mn-body #bbpress-forums div.bbp-reply-header,
.mn-body #bbpress-forums div.bbp-topic-header {
	background: var(--paper);
	border: 1px solid var(--line);
	border-bottom: 0;
	border-radius: var(--radius) var(--radius) 0 0;
	padding: 0.75rem 1.25rem;
	font-size: 0.85rem;
	color: var(--ink-500);
}

.mn-body #bbpress-forums div.bbp-reply-header a,
.mn-body #bbpress-forums div.bbp-topic-header a {
	color: var(--ink-700);
	font-weight: 600;
}

.mn-body #bbpress-forums li.bbp-body div.reply,
.mn-body #bbpress-forums li.bbp-body div.topic {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.25rem;
	border: 1px solid var(--line);
	border-top: 0;
	border-radius: 0 0 var(--radius) var(--radius);
	background: var(--white);
	box-shadow: var(--shadow-soft);
	overflow: hidden;
}

@media (min-width: 768px) {
	.mn-body #bbpress-forums li.bbp-body div.reply,
	.mn-body #bbpress-forums li.bbp-body div.topic {
		flex-direction: row;
	}
}

/* Author rail. */
.mn-body #bbpress-forums div.bbp-reply-author,
.mn-body #bbpress-forums div.bbp-topic-author {
	flex: 0 0 auto;
	float: none;
	width: 100%;
	padding: 1rem 1.25rem;
	text-align: start;
	background: var(--paper);
	border-bottom: 1px solid var(--line);
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

@media (min-width: 768px) {
	.mn-body #bbpress-forums div.bbp-reply-author,
	.mn-body #bbpress-forums div.bbp-topic-author {
		width: 11rem;
		flex-direction: column;
		align-items: center;
		text-align: center;
		border-bottom: 0;
		border-inline-end: 1px solid var(--line);
	}
}

.mn-body #bbpress-forums div.bbp-reply-author img.avatar,
.mn-body #bbpress-forums div.bbp-topic-author img.avatar {
	float: none;
	margin: 0;
	border-radius: 50%;
	border: 2px solid var(--white);
	box-shadow: var(--shadow-soft);
}

.mn-body #bbpress-forums div.bbp-reply-author .bbp-author-name,
.mn-body #bbpress-forums div.bbp-topic-author .bbp-author-name {
	font-weight: 800;
	color: var(--ink);
	font-size: 0.95rem;
}

.mn-body #bbpress-forums .bbp-author-role {
	display: inline-block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	color: var(--ink-500);
}

/* Content column. */
.mn-body #bbpress-forums div.bbp-reply-content,
.mn-body #bbpress-forums div.bbp-topic-content {
	flex: 1 1 auto;
	min-width: 0;
	float: none;
	margin: 0;
	padding: 1.25rem;
	color: var(--ink-700);
	line-height: 1.75;
}

.mn-body #bbpress-forums div.bbp-reply-content p,
.mn-body #bbpress-forums div.bbp-topic-content p {
	margin: 0 0 1rem;
}

.mn-body #bbpress-forums div.bbp-reply-content p:last-child,
.mn-body #bbpress-forums div.bbp-topic-content p:last-child {
	margin-bottom: 0;
}

.mn-body #bbpress-forums div.bbp-reply-content blockquote,
.mn-body #bbpress-forums div.bbp-topic-content blockquote {
	margin: 0 0 1rem;
	padding: 0.75rem 1rem;
	border-inline-start: 3px solid var(--brand);
	background: var(--brand-50);
	border-radius: var(--radius-sm);
	color: var(--ink);
}

/* Reply admin links (edit / trash / reply / quote). */
.mn-body #bbpress-forums .bbp-reply-content .bbp-admin-links,
.mn-body #bbpress-forums .bbp-topic-content .bbp-admin-links {
	margin-top: 0.75rem;
	font-size: 0.8rem;
	color: var(--ink-500);
}

.mn-body #bbpress-forums .bbp-admin-links a {
	color: var(--ink-500);
	font-weight: 600;
}

.mn-body #bbpress-forums .bbp-admin-links a:hover {
	color: var(--brand);
}

/* Staff "מכון נדב" replies. bbPress adds a role class to the author rail and
   often a body class; we target the keymaster / moderator role markers it
   prints. Both the rail tint and an orange edge make them distinct. */
.mn-body #bbpress-forums .bbp-reply-author.bbp-reply-author-keymaster,
.mn-body #bbpress-forums li.bbp-body div.reply.user-keymaster,
.mn-body #bbpress-forums li.bbp-body div.reply.role-keymaster,
.mn-body #bbpress-forums li.bbp-body div.reply.role-moderator {
	border-inline-start: 4px solid var(--brand);
}

.mn-body #bbpress-forums li.bbp-body div.reply.user-keymaster .bbp-reply-author,
.mn-body #bbpress-forums li.bbp-body div.reply.role-keymaster .bbp-reply-author,
.mn-body #bbpress-forums li.bbp-body div.reply.role-moderator .bbp-reply-author {
	background: var(--brand-50);
}

.mn-body #bbpress-forums li.bbp-body div.reply.user-keymaster .bbp-author-name,
.mn-body #bbpress-forums li.bbp-body div.reply.role-keymaster .bbp-author-name {
	color: var(--brand-600);
}

/* The role chip itself ("Keymaster" / "Moderator") gets the brand pill. */
.mn-body #bbpress-forums .bbp-author-role.keymaster,
.mn-body #bbpress-forums .bbp-author-role.moderator {
	background: var(--brand);
	color: var(--white);
	border-radius: var(--radius-pill);
	padding: 0.1rem 0.55rem;
	font-weight: 700;
}

/* -------------------------------------------------------------------------
   4. Forms  (new topic + reply: .bbp-the-content + inputs)
   ------------------------------------------------------------------------- */

.mn-body #bbpress-forums div.bbp-template-notice {
	margin: 0 0 1.25rem;
	padding: 1rem 1.25rem;
	border: 1px solid var(--line);
	border-inline-start: 4px solid var(--brand);
	border-radius: var(--radius-sm);
	background: var(--brand-50);
	color: var(--ink);
}

.mn-body #bbpress-forums div.bbp-template-notice.error,
.mn-body #bbpress-forums div.bbp-template-notice.warning {
	border-inline-start-color: #D63638;
	background: #FEF2F2;
	color: #7F1D1D;
}

.mn-body #bbpress-forums #new-post,
.mn-body #bbpress-forums fieldset.bbp-form {
	margin-top: 1.5rem;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--white);
	box-shadow: var(--shadow-soft);
	padding: 1.5rem;
}

.mn-body #bbpress-forums fieldset.bbp-form legend {
	padding: 0 0.5rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--ink);
}

.mn-body #bbpress-forums fieldset.bbp-form label {
	display: inline-block;
	margin-bottom: 0.375rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--ink);
}

.mn-body #bbpress-forums fieldset.bbp-form p {
	margin: 0 0 1rem;
}

.mn-body #bbpress-forums input[type="text"],
.mn-body #bbpress-forums input[type="password"],
.mn-body #bbpress-forums input[type="email"],
.mn-body #bbpress-forums input[type="url"],
.mn-body #bbpress-forums select,
.mn-body #bbpress-forums textarea,
.mn-body #bbpress-forums .bbp-the-content {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--line-strong);
	border-radius: var(--radius-sm);
	background: var(--white);
	padding: 0.75rem 1rem;
	font-family: inherit;
	font-size: 1rem;
	color: var(--ink);
	outline: none;
	transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}

.mn-body #bbpress-forums input[type="text"]::placeholder,
.mn-body #bbpress-forums textarea::placeholder {
	color: var(--ink-500);
}

.mn-body #bbpress-forums input[type="text"]:focus,
.mn-body #bbpress-forums input[type="password"]:focus,
.mn-body #bbpress-forums input[type="email"]:focus,
.mn-body #bbpress-forums input[type="url"]:focus,
.mn-body #bbpress-forums select:focus,
.mn-body #bbpress-forums textarea:focus,
.mn-body #bbpress-forums .bbp-the-content:focus {
	border-color: var(--brand);
	box-shadow: 0 0 0 3px rgba(253, 107, 3, 0.2);
}

/* TinyMCE / quicktags editor toolbar wrapper around .bbp-the-content. */
.mn-body #bbpress-forums .wp-editor-container {
	border: 1px solid var(--line-strong);
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.mn-body #bbpress-forums .wp-editor-container .bbp-the-content {
	border: 0;
	border-radius: 0;
}

.mn-body #bbpress-forums .quicktags-toolbar,
.mn-body #bbpress-forums .wp-editor-tools {
	background: var(--paper);
	border-bottom: 1px solid var(--line);
}

/* Subscribe / favorite checkboxes row. */
.mn-body #bbpress-forums .bbp-form input[type="checkbox"] {
	width: auto;
	margin-inline-end: 0.4rem;
	accent-color: var(--brand);
}

/* Submit button as the orange pill. */
.mn-body #bbpress-forums button,
.mn-body #bbpress-forums input[type="submit"],
.mn-body #bbpress-forums .bbp-submit-wrapper button,
.mn-body #bbpress-forums .submit input {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: auto;
	max-width: none;
	background: var(--brand);
	color: var(--white);
	border: 1px solid transparent;
	border-radius: var(--radius-pill);
	padding: 0.7rem 1.6rem;
	font-family: inherit;
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: var(--shadow-soft);
	transition: background-color 0.2s var(--ease), transform 0.12s var(--ease);
}

.mn-body #bbpress-forums button:hover,
.mn-body #bbpress-forums input[type="submit"]:hover,
.mn-body #bbpress-forums .bbp-submit-wrapper button:hover {
	background: var(--brand-600);
	color: var(--white);
}

.mn-body #bbpress-forums button:active,
.mn-body #bbpress-forums input[type="submit"]:active {
	transform: scale(0.98);
}

/* The "reset" button bbPress sometimes prints next to submit: keep it quiet. */
.mn-body #bbpress-forums .bbp-submit-wrapper button.bbp-reset,
.mn-body #bbpress-forums input[type="reset"] {
	background: var(--white);
	color: var(--ink);
	border-color: var(--line-strong);
	box-shadow: none;
}

.mn-body #bbpress-forums .bbp-submit-wrapper button.bbp-reset:hover,
.mn-body #bbpress-forums input[type="reset"]:hover {
	border-color: var(--brand);
	color: var(--brand);
}

.mn-body #bbpress-forums .bbp-submit-wrapper {
	margin-top: 0.5rem;
	text-align: start;
}

/* -------------------------------------------------------------------------
   5. Pagination + counts
   ------------------------------------------------------------------------- */

.mn-body #bbpress-forums .bbp-pagination {
	margin-top: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.mn-body #bbpress-forums .bbp-pagination-count {
	font-size: 0.85rem;
	color: var(--ink-500);
}

.mn-body #bbpress-forums .bbp-pagination-links {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.mn-body #bbpress-forums .bbp-pagination-links a.page-numbers,
.mn-body #bbpress-forums .bbp-pagination-links span.page-numbers {
	display: grid;
	place-items: center;
	min-width: 2.4rem;
	height: 2.4rem;
	padding: 0 0.6rem;
	border-radius: var(--radius-sm);
	border: 1px solid var(--line);
	background: var(--white);
	color: var(--ink-700);
	font-weight: 700;
	transition: border-color 0.2s var(--ease), color 0.2s var(--ease),
		background-color 0.2s var(--ease);
}

.mn-body #bbpress-forums .bbp-pagination-links a.page-numbers:hover {
	border-color: var(--brand);
	color: var(--brand);
	background: var(--brand-50);
}

.mn-body #bbpress-forums .bbp-pagination-links span.page-numbers.current {
	background: var(--brand);
	border-color: var(--brand);
	color: var(--white);
}

/* -------------------------------------------------------------------------
   6. Misc bbPress widgets / login
   ------------------------------------------------------------------------- */

.mn-body .bbp-login-form,
.mn-body #bbpress-forums .bbp-login-form {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--white);
	box-shadow: var(--shadow-soft);
	padding: 1.25rem;
}

.mn-body .widget_display_topics ul,
.mn-body .widget_display_replies ul,
.mn-body .widget_display_forums ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.mn-body .widget_display_topics li,
.mn-body .widget_display_replies li,
.mn-body .widget_display_forums li {
	margin: 0;
	font-size: 0.9rem;
}

.mn-body .widget_display_topics li a,
.mn-body .widget_display_replies li a {
	color: var(--ink-700);
	font-weight: 600;
}

.mn-body .widget_display_topics li a:hover,
.mn-body .widget_display_replies li a:hover {
	color: var(--brand);
}

/* Subscribe / favorite toggle links bbPress prints inline. */
.mn-body #bbpress-forums .bbp-topic-action a,
.mn-body #bbpress-forums .bbp-favorite a,
.mn-body #bbpress-forums .bbp-subscribe a {
	display: inline-block;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--brand-600);
}

.mn-body #bbpress-forums .bbp-topic-action a:hover {
	color: var(--brand);
}

/* -------------------------------------------------------------------------
   7. Mobile: stack each forum / topic row as a clean card

   On a narrow screen the column header labels no longer line up over the data
   and the count pills float off the end of the wrapping flex row. We hide the
   header strip (the labels are meaningless once columns stack) and turn every
   row into a vertical card: title first, then the started-by / freshness meta,
   then the voice + reply count pills aligned together in their own row. The pill
   columns get an inline Hebrew caption via ::before so a stacked count still
   reads ("משתתפים" / "תגובות") without the column header.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* Header label strip is redundant once rows stack. */
	.mn-body #bbpress-forums li.bbp-header {
		display: none;
	}

	.mn-body #bbpress-forums li.bbp-body ul.forum,
	.mn-body #bbpress-forums li.bbp-body ul.topic {
		flex-direction: column;
		align-items: stretch;
		gap: 0.6rem;
		padding: 1rem 1.25rem;
	}

	/* Title spans the full card width. */
	.mn-body #bbpress-forums li.bbp-forum-info,
	.mn-body #bbpress-forums li.bbp-topic-title {
		flex: 1 1 auto;
		width: 100%;
	}

	/* Group the two count pills into a single left-aligned row under the
	   title + meta, each labelled so it stays readable without the header. */
	.mn-body #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
	.mn-body #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
	.mn-body #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
	.mn-body #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
		display: inline-flex;
		align-items: center;
		gap: 0.4rem;
		width: auto;
		margin-inline-end: 0.75rem;
		text-align: start;
	}

	.mn-body #bbpress-forums li.bbp-body li.bbp-topic-voice-count::before {
		content: "משתתפים:";
		font-weight: 600;
		color: var(--ink-500);
		background: none;
		font-size: 0.75rem;
	}

	.mn-body #bbpress-forums li.bbp-body li.bbp-topic-reply-count::before,
	.mn-body #bbpress-forums li.bbp-body li.bbp-forum-reply-count::before {
		content: "תגובות:";
		font-weight: 600;
		color: var(--ink-500);
		background: none;
		font-size: 0.75rem;
	}

	/* Freshness sits full width as the last line of the card. */
	.mn-body #bbpress-forums li.bbp-forum-freshness,
	.mn-body #bbpress-forums li.bbp-topic-freshness {
		width: 100%;
		padding-top: 0.4rem;
		border-top: 1px solid var(--line);
	}
}