/*
	Column header that appears at the top
	of threads, at the top of sections of
	profiles (About, Pinned Posts, etc).
*/
.col-header {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;

	justify-content: start;
	align-items: center; 

	margin: 0;
	background: $profile-bg;
	border-top-left-radius: $br;
	border-top-right-radius: $br;
	padding: 0.75rem;

	a {
		justify-self: end;
	}

	h1, h2, h3, h4 {
		font-size: 1.2rem;
		line-height: 1.3rem;
		margin: 0;
	}

	&.wrap { /* for headers that can have a lot more text, like thread summary/reply info */
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 1rem;
		row-gap: 0.5rem;

		box-shadow: $boxshadow;
		border: $boxshadow-border;

		h2 {
			margin-right: auto;
		}
	}
}