/*
 * One title row belongs to the stable FluentCommunity shell. Route components
 * may still render hidden source headers for their own Vue lifecycle and
 * actions, but they never paint a competing bar.
 */
html.snapweb-community-titlebar-owned .feed_layout > .snapweb-community-owned-titlebar {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 var(--snapweb-community-title-row-height, 52px);
	position: sticky;
	top: var(--fcom-header-height, 0px);
	z-index: 90;
	width: 100%;
	min-width: 0;
	height: var(--snapweb-community-title-row-height, 52px);
	min-height: var(--snapweb-community-title-row-height, 52px);
	max-height: var(--snapweb-community-title-row-height, 52px);
	margin: 0;
	padding: 0 2rem;
	overflow: hidden;
	border-bottom: 1px solid var(--snapweb-community-title-border-color, var(--fcom-border-color, rgba(17, 24, 39, 0.12)));
	background: var(--snapweb-community-title-canvas-bg, var(--fcom-primary-bg, #fff));
	color: var(--fcom-primary-text, var(--snapweb-community-text, inherit));
}

html.snapweb-community-titlebar-owned .feed_layout > .snapweb-community-owned-titlebar .snapweb-community-owned-title {
	min-width: 0;
	margin: 0;
	overflow: hidden;
	color: inherit;
	font-family: var(--snapweb-body-font-family, var(--el-font-family, inherit));
	font-size: 1.15rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.snapweb-community-titlebar-owned .feed_layout > .snapweb-community-owned-titlebar .snapweb-community-owned-title-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	min-width: 0;
}

html.snapweb-community-titlebar-owned .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .fhr_content_layout_header,
html.snapweb-community-titlebar-owned .feed_layout > .feeds_main .fhr_content_layout_header,
html.snapweb-community-titlebar-owned .snapweb-community-landing-root > .fhr_content_layout_header,
html.snapweb-community-titlebar-owned .snapweb-community-member-landing-route > .fhr_content_layout_header {
	display: none !important;
}

html[data-color-mode="dark"].snapweb-community-titlebar-owned .feed_layout > .snapweb-community-owned-titlebar,
html.dark.snapweb-community-titlebar-owned .feed_layout > .snapweb-community-owned-titlebar,
html.snapweb-community-titlebar-owned body.dark .feed_layout > .snapweb-community-owned-titlebar {
	border-bottom-color: var(--snapweb-community-title-border-color, var(--fcom-border-color, #42464d));
	background: var(--snapweb-community-title-canvas-bg, var(--fcom-primary-bg, #2b2e33));
}

@media (max-width: 767px) {
	html.snapweb-community-titlebar-owned .feed_layout > .snapweb-community-owned-titlebar {
		padding-inline: 14px;
	}

	html.snapweb-community-titlebar-owned .feed_layout > .snapweb-community-owned-titlebar .snapweb-community-owned-title {
		font-size: 1.1rem;
	}
}