/* Grid UI */
.ipsData--forum-grid{
	
}

.ipsData--forum-grid .ipsData__stats + .ipsData__last{
	padding-top: 1em;
}


/*
	----------------
	- Category with feed
	  Used on the 'content view' forum layout
	----------------
*/

.ipsCategoryWithFeed{
	container: ipsCategoryWithFeed / inline-size;
}

.ipsCategoryWithFeed__item{
	border-top: 6px solid var(--i-featured, var(--i-background_6));
}

.ipsData--forumFeedViewParent{
	grid-template-columns: 1fr;
}

.ipsData--forumFeedViewParent .ipsData__stats{
	font-weight: 550;
	color: var(--i-color_root);
}

/* Large UI */
@container ipsCategoryWithFeed (min-width: 650.1px){
	/* 2 column UI */
	.ipsCategoryWithFeed__item{
		display: grid;
		grid-template-columns: clamp(280px, 33%, 350px) 1fr;
	}
	/* Photo, title, description */
	.ipsCategoryWithFeed__meta{
		border-inline-end: 1px solid var(--i-background_4);
	}
	.ipsData--forumFeedViewParent{
		height: 100%;
	}
	/* Long dates */
	.ipsCategoryWithFeed__item .ipsTime__long{
		display: revert;
	}
	.ipsCategoryWithFeed__item .ipsTime__short{
		display: none;
	}
}

/* Small UI */
@container ipsCategoryWithFeed (max-width: 650px) {

	/* Forum name and meta */
	.ipsData.ipsData--forumFeedViewParent{
		--i-data--padding: 1.2em;
		--i-data--icon-ratio: 1;
	}

		.ipsData--forumFeedViewParent .ipsData__item{
			flex-direction: row;
			align-items: start;
		}
		.ipsData--forumFeedViewParent .ipsData__image{
			flex: 0 0 clamp(60px, 17vw, 120px);
			margin: 0;
		}

	/* Scrollable topic list */
	.ipsData--forumFeedView {
		--i-data--gap: 1.2em;
		padding: 1em var(--i-data--gap);
		display: flex;
		gap: 1px;
		overflow: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: var(--i-data--gap);
		scrollbar-width: thin;
		scrollbar-color: color-mix(in srgb, var(--i-co) 20%, transparent) transparent;
	}

		.ipsData--forumFeedView .ipsData__item{
			flex: 0 0 min(80vw, 400px);
			border-width: 0;
			scroll-snap-align: start;
			outline: 1px solid var(--i-background_4);
		}
		.ipsData--forumFeedView .ipsData__item:first-child{
			border-start-start-radius: min(var(--i-design-radius), 6px);
			border-end-start-radius: min(var(--i-design-radius), 6px);
		}
		.ipsData--forumFeedView .ipsData__item:last-child{
			border-start-end-radius: min(var(--i-design-radius), 6px);
			border-end-end-radius: min(var(--i-design-radius), 6px);
		}
		.ipsData--forumFeedView .ipsData__icon{
			align-self: center;
		}
		.ipsData--forumFeedView .ipsData__title{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
}






/* Topic hover cards */
.cTopicHovercard .cTopicHovercard_container {
	height: 200px;
	overflow: auto;
}

/* Reactions in expanded view */
.ipsData--snippet-topic-list .ipsReactOverview--reactions a{
	display: block; /* Necessary for alignment */
}
.ipsData--snippet-topic-list .ipsReactOverview--reactions img{
	height: 1.3em;
	display: block;
}

	.ipsData--snippet-topic-list .ipsReactOverview--points{
		display: flex;
		align-items: center;
	}

		.ipsData--snippet-topic-list .ipsReactOverview--points p{
			margin-inline-start: .6em;
		}

/* Hide reaction overview if empty */
.ipsData__item--snippet .ipsReactOverview--none{
	display: none;
}


/* Mini sidebar list */
.cForumMiniList_multiRoot{
	padding: .5em;
}
.cForumMiniList_wrapper {
	font-weight: 500;
}

.cForumMiniList :where(a){
	display: flex;
	align-items: center;
	gap: .6em;
	padding: .5em 1em;
	color: var(--i-color_root);
	border-radius: var(--i-design-radius);
}

:where(.cForumMiniList a:hover){
	background-color: var(--i-background_2);
}

/* Active */
.cForumMiniList__selected {
	background-color: var(--i-background_3);
}

/* Unread */
.cForumMiniList [data-ips-unread]{
	color: var(--i-color_hard);
	font-weight: 700;
}

/* Category titles */
.cForumMiniList [data-category] > a {
	font-size: 1.3em;
	font-weight: 600;
}

.cForumMiniList [data-category]:not(:first-child){
	margin-top: 1em;
}

/* Indent sub-categories */
.cForumMiniList .cForumMiniList .cForumMiniList{
	margin-inline-start: 1.5em;
}

.cForumMiniList__count {
	font-size: .85em;
	flex: 0 0 auto;
	color: var(--i-color_soft);
	margin-inline-start: auto;
}

.cForumMiniList .cForumMiniList__blob {
	background: var(--i-featured, var(--i-background_6));
	color: #fff;
	flex: 0 0 auto;
	font-size: 16px;
	width: 1em;
	height: 1em;
	border-radius: 5px;
	display: inline-grid;
	place-items: center;
	transform: scale(.5);
	transition: .2s;
}

	.cForumMiniList .cForumMiniList__blob [class*="fa-"] {
		display: none;
		font-size: .6em;
	}

	.cForumMiniList .cForumMiniList__selected > .cForumMiniList__blob {
		opacity: 1;
		transform: scale(1);
	}

	.cForumMiniList .cForumMiniList__selected > .cForumMiniList__blob [class*="fa-"] {
		display: block;
	}

	/* Read: Make icon background subtle */
	.cForumMiniList [data-ips-read] > .cForumMiniList__blob{
		background-color: var(--i-background_6);
	}

/* Done button */
.cForumMiniList_wrapper .ipsSubmitRow{
	position: sticky;
	bottom: 0;
}

@media screen and (max-width: 979px) {
	/* Hide filter widget from sidebar */
	.ipsLayout__secondary-column .cForumMiniList_wrapper {
		display: none;
	}
}