/*
 * Town Hall (bbPress) skin for the Golden Goblet Guild child theme.
 *
 * Enqueued after bbPress's bbp-default stylesheet on forum pages only (see
 * gg_child_enqueue_bbpress_styles() in functions.php). bbp-default keeps the
 * layout for the forty-odd template parts; this sheet re-colours and re-types
 * what visitors actually see and collapses the column layouts on phones.
 * Selectors mirror bbp-default's (the #bbpress-forums prefix) so equal
 * specificity plus source order wins. Palette variables carry hex fallbacks.
 */

/* =Base
-------------------------------------------------------------- */

#bbpress-forums {
	font-size: 1rem;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast, #1b1a17);
	margin-bottom: var(--wp--preset--spacing--40, 30px);
}

#bbpress-forums a {
	color: var(--wp--preset--color--accent-2, #7a5c14);
}

#bbpress-forums a:hover,
#bbpress-forums a:focus-visible {
	color: var(--wp--preset--color--contrast, #1b1a17);
}

#bbpress-forums a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1, #b8860b);
	outline-offset: 2px;
}

#bbpress-forums h1 {
	font-size: 1.8rem;
	line-height: 1.1;
	padding-bottom: .5rem;
}

/* =Lists: forums, topics, replies, search results
-------------------------------------------------------------- */

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: .95rem;
	border: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: .75rem;
	overflow: hidden;
	background: var(--wp--preset--color--accent-5, #efece5);
	margin-bottom: var(--wp--preset--spacing--40, 30px);
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
	background-color: transparent;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent-3, #d6d2c6) 35%, transparent);
}

/* Column headings and "Viewing n forums" footers. */
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	background: var(--wp--preset--color--accent-3, #d6d2c6);
	border-top: 0;
	color: var(--wp--preset--color--accent-4, #5f5a50);
	font-family: var(--wp--preset--font-family--new-rocker, "New Rocker", Georgia, serif);
	font-weight: 400;
	font-size: .95rem;
	letter-spacing: .02em;
	text-transform: none;
	padding: .6rem 1rem;
}

#bbpress-forums li.bbp-footer {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4, #5f5a50) 20%, transparent);
}

/* Rows. */
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	border-top: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
	padding: .75rem 1rem;
}

#bbpress-forums li.bbp-body ul.forum li,
#bbpress-forums li.bbp-body ul.topic li {
	min-width: 0;
	overflow-wrap: anywhere;
}

#bbpress-forums li.bbp-forum-topic-count,
#bbpress-forums li.bbp-forum-reply-count,
#bbpress-forums li.bbp-topic-voice-count,
#bbpress-forums li.bbp-topic-reply-count {
	font-variant-numeric: tabular-nums;
}

#bbpress-forums li.bbp-forum-freshness,
#bbpress-forums li.bbp-topic-freshness {
	font-size: .9rem;
}

#bbpress-forums li.bbp-forum-freshness a,
#bbpress-forums li.bbp-topic-freshness a {
	text-decoration: none;
}

/* Titles. */
#bbpress-forums li.bbp-forum-info a.bbp-forum-title,
#bbpress-forums li.bbp-topic-title a.bbp-topic-permalink {
	font-family: var(--wp--preset--font-family--new-rocker, "New Rocker", Georgia, serif);
	font-size: 1.2rem;
	line-height: 1.25;
	color: var(--wp--preset--color--contrast, #1b1a17);
	text-decoration: none;
}

#bbpress-forums li.bbp-forum-info a.bbp-forum-title:hover,
#bbpress-forums li.bbp-forum-info a.bbp-forum-title:focus-visible,
#bbpress-forums li.bbp-topic-title a.bbp-topic-permalink:hover,
#bbpress-forums li.bbp-topic-title a.bbp-topic-permalink:focus-visible {
	color: var(--wp--preset--color--accent-2, #7a5c14);
	text-decoration: underline;
}

/* Blurbs and "Started by" lines. */
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	font-size: .9rem;
	line-height: 1.4;
	color: var(--wp--preset--color--accent-4, #5f5a50);
	margin: .25rem 0 0;
}

#bbpress-forums p.bbp-topic-meta img.avatar {
	border: 2px solid var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: 50%;
}

/* Sub-forum list under a category. */
#bbpress-forums .bbp-forums-list {
	margin: .5rem 0 0 .25rem;
	padding-left: .75rem;
	border-left: 2px solid var(--wp--preset--color--accent-1, #b8860b);
}

#bbpress-forums .bbp-forums-list .bbp-forum {
	font-size: .9rem;
}

#bbpress-forums .bbp-forums-list .bbp-forum a {
	color: var(--wp--preset--color--accent-2, #7a5c14);
}

/* Sticky topics: bbp-default paints these yellow with !important. */
#bbpress-forums .bbp-topics ul.super-sticky,
#bbpress-forums .bbp-topics ul.sticky,
#bbpress-forums .bbp-forum-content ul.sticky {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent-1, #b8860b) 18%, transparent) !important;
	font-size: inherit;
}

/* Row actions and admin links. */
#bbpress-forums span.bbp-admin-links {
	color: var(--wp--preset--color--accent-3, #d6d2c6);
}

#bbpress-forums span.bbp-admin-links a {
	/*
	 * bbPress ships these at 11-12px in a light grey, which is both hard to
	 * read and under the 4.5:1 WCAG AA ratio on the parchment header. Ink on
	 * parchment is about 11:1, and 0.875rem is the smallest size used anywhere
	 * else on the site.
	 */
	color: var(--wp--preset--color--contrast, #1b1a17);
	font-size: .875rem;
	line-height: 1.6;
	text-decoration: none;
}

#bbpress-forums span.bbp-admin-links a:hover,
#bbpress-forums span.bbp-admin-links a:focus-visible {
	color: var(--wp--preset--color--accent-2, #7a5c14);
	text-decoration: underline;
}

#bbpress-forums .bbp-row-actions #favorite-toggle a,
#bbpress-forums .bbp-row-actions #subscription-toggle a,
#bbpress-forums .bbp-row-actions #favorite-toggle span.is-favorite a,
#bbpress-forums .bbp-row-actions #subscription-toggle span.is-subscribed a {
	color: var(--wp--preset--color--accent-2, #7a5c14);
	border: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: 999px;
	background-color: var(--wp--preset--color--accent-5, #efece5);
	font-size: .8rem;
	padding: .1rem .5rem;
}

#bbpress-forums .bbp-row-actions #favorite-toggle a:hover,
#bbpress-forums .bbp-row-actions #subscription-toggle a:hover {
	color: var(--wp--preset--color--contrast, #1b1a17);
	border-color: var(--wp--preset--color--accent-1, #b8860b);
	background-color: var(--wp--preset--color--accent-3, #d6d2c6);
}

/* =Breadcrumb, tags, search
-------------------------------------------------------------- */

#bbpress-forums div.bbp-breadcrumb,
#bbpress-forums div.bbp-topic-tags {
	font-size: .9rem;
}

#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--accent-4, #5f5a50);
}

#bbpress-forums div.bbp-breadcrumb a,
#bbpress-forums div.bbp-topic-tags a {
	color: var(--wp--preset--color--accent-2, #7a5c14);
	text-decoration: none;
}

#bbpress-forums div.bbp-breadcrumb a:hover,
#bbpress-forums div.bbp-topic-tags a:hover {
	color: var(--wp--preset--color--contrast, #1b1a17);
	text-decoration: underline;
}

#bbpress-forums .bbp-breadcrumb-current {
	color: var(--wp--preset--color--contrast, #1b1a17);
}

#bbpress-forums .bbp-breadcrumb-sep {
	color: var(--wp--preset--color--accent-1, #b8860b);
	padding: 0 .35em;
}

#bbpress-forums div.bbp-search-form {
	margin-bottom: 1rem;
}

#bbpress-forums #bbp-search-form div {
	display: inline-flex;
	flex-wrap: wrap;
	gap: .5rem;
	align-items: center;
}

#bbpress-forums #bbp-search-form #bbp_search {
	box-sizing: border-box;
	min-height: 44px;
	padding: .5rem .8rem;
	border: 1px solid var(--wp--preset--color--accent-4, #5f5a50);
	border-radius: .5rem;
	background: var(--wp--preset--color--base, #e5e3dc);
	color: var(--wp--preset--color--contrast, #1b1a17);
	font: inherit;
}

#bbpress-forums #bbp-search-form #bbp_search:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1, #b8860b);
	outline-offset: 2px;
}

/* =Topic lead and replies
-------------------------------------------------------------- */

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	background-color: var(--wp--preset--color--accent-3, #d6d2c6);
	border-top: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
	color: var(--wp--preset--color--accent-4, #5f5a50);
	font-size: .85rem;
	padding: .5rem 1rem;
}

#bbpress-forums .bbp-forum-header a.bbp-forum-permalink,
#bbpress-forums .bbp-topic-header a.bbp-topic-permalink,
#bbpress-forums .bbp-reply-header a.bbp-reply-permalink {
	color: var(--wp--preset--color--accent-4, #5f5a50);
	text-decoration: none;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
	color: var(--wp--preset--color--accent-4, #5f5a50);
	font-size: .85rem;
	padding-bottom: .75rem;
}

#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
	border: 2px solid var(--wp--preset--color--accent-1, #b8860b);
	border-radius: 50%;
	max-width: 72px;
	height: auto;
	box-sizing: border-box;
}

#bbpress-forums div.bbp-topic-author .bbp-author-name,
#bbpress-forums div.bbp-reply-author .bbp-author-name {
	font-family: var(--wp--preset--font-family--new-rocker, "New Rocker", Georgia, serif);
	font-size: 1rem;
	line-height: 1.15;
	color: var(--wp--preset--color--contrast, #1b1a17);
	text-decoration: none;
	margin: .25rem .4rem 0;
	/* Wrap between words, and only break inside one if it cannot fit at all. */
	display: block;
	overflow-wrap: break-word;
	hyphens: none;
}

/*
 * bbPress floats the author column at 115px, which splits an ordinary login
 * such as "goldengobletguild" across two lines mid-word. A wider column fits
 * the names the site actually issues; the content column moves with it.
 */
@media (min-width: 601px) {
	#bbpress-forums div.bbp-topic-author,
	#bbpress-forums div.bbp-reply-author {
		width: 170px;
	}

	#bbpress-forums div.bbp-topic-content,
	#bbpress-forums div.bbp-reply-content {
		margin-left: 185px;
	}

	#bbpress-forums div.bbp-reply-header .bbp-meta,
	#bbpress-forums div.bbp-topic-header .bbp-meta {
		margin-left: 0;
	}
}

#bbpress-forums div.bbp-topic-author a.bbp-author-link:hover .bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-link:hover .bbp-author-name {
	color: var(--wp--preset--color--accent-2, #7a5c14);
}

#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
	font-style: normal;
	font-size: .8125rem;
	color: var(--wp--preset--color--accent-4, #5f5a50);
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
	color: var(--wp--preset--color--contrast, #1b1a17);
	padding: 1rem 1rem 1rem 0;
}

#bbpress-forums div.bbp-topic-content a,
#bbpress-forums div.bbp-reply-content a {
	color: var(--wp--preset--color--accent-2, #7a5c14);
}

#bbpress-forums div.bbp-topic-content a:hover,
#bbpress-forums div.bbp-reply-content a:hover {
	color: var(--wp--preset--color--contrast, #1b1a17);
}

#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	background-color: var(--wp--preset--color--accent-3, #d6d2c6);
	border-color: var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: .25rem;
}

#bbpress-forums div.bbp-reply-to {
	color: var(--wp--preset--color--accent-4, #5f5a50);
	font-size: .85rem;
}

/* Renown badge printed by gg-faire under the author name. */
.gg-renown {
	display: grid;
	gap: .15rem;
	margin-top: .4rem;
	font-size: .8rem;
	line-height: 1.3;
}

.gg-renown__title {
	font-family: var(--wp--preset--font-family--new-rocker, "New Rocker", Georgia, serif);
	font-size: 1rem;
	color: var(--wp--preset--color--accent-2, #7a5c14);
}

.gg-renown__points {
	color: var(--wp--preset--color--accent-4, #5f5a50);
}

/* =Forms
-------------------------------------------------------------- */

#bbpress-forums fieldset.bbp-form {
	border: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: .75rem;
	background: var(--wp--preset--color--accent-5, #efece5);
	padding: 1rem 1.25rem 1.25rem;
	margin-bottom: 1rem;
}

#bbpress-forums fieldset.bbp-form legend {
	font-family: var(--wp--preset--font-family--new-rocker, "New Rocker", Georgia, serif);
	font-size: 1.25rem;
	line-height: 1.2;
	padding: 0 .5rem;
}

#bbpress-forums fieldset.bbp-form label {
	font-weight: 700;
	margin-bottom: .25rem;
}

#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form input[type="password"],
#bbpress-forums fieldset.bbp-form input[type="email"],
#bbpress-forums fieldset.bbp-form input[type="url"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	height: auto;
	padding: .6rem .8rem;
	border: 1px solid var(--wp--preset--color--accent-4, #5f5a50);
	border-radius: .5rem;
	background: var(--wp--preset--color--base, #e5e3dc);
	color: var(--wp--preset--color--contrast, #1b1a17);
	font: inherit;
	line-height: 1.4;
}

#bbpress-forums fieldset.bbp-form select:focus-visible,
#bbpress-forums fieldset.bbp-form textarea:focus-visible,
#bbpress-forums fieldset.bbp-form input:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1, #b8860b);
	outline-offset: 2px;
	border-color: var(--wp--preset--color--accent-1, #b8860b);
}

#bbpress-forums textarea#bbp_reply_content,
#bbpress-forums textarea#bbp_topic_content,
#bbpress-forums textarea#bbp_forum_content {
	width: 100%;
	min-height: 12rem;
}

#bbpress-forums fieldset.bbp-form p.form-allowed-tags,
#bbpress-forums fieldset.bbp-form p.form-allowed-tags code {
	font-size: .8rem;
	color: var(--wp--preset--color--accent-4, #5f5a50);
}

/* The wp_editor() wrapper around the topic/reply textarea. */
#bbpress-forums div.wp-editor-container {
	border: 1px solid var(--wp--preset--color--accent-4, #5f5a50);
	border-radius: .5rem;
	overflow: hidden;
	background: var(--wp--preset--color--base, #e5e3dc);
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	font-size: 1rem;
	border: 0;
	background: var(--wp--preset--color--base, #e5e3dc);
	color: var(--wp--preset--color--contrast, #1b1a17);
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
	background: var(--wp--preset--color--accent-3, #d6d2c6);
	border-bottom: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
}

/* Buttons: 44px pills matching the theme.json button element. */
#bbpress-forums button.submit,
#bbpress-forums .button,
#bbpress-forums input.button,
#bbpress-forums input[type="submit"],
.gg-forum-login__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 1.25rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--contrast, #1b1a17);
	color: var(--wp--preset--color--base, #e5e3dc);
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

#bbpress-forums button.submit:hover,
#bbpress-forums button.submit:focus-visible,
#bbpress-forums .button:hover,
#bbpress-forums .button:focus-visible,
#bbpress-forums input.button:hover,
#bbpress-forums input.button:focus-visible,
#bbpress-forums input[type="submit"]:hover,
#bbpress-forums input[type="submit"]:focus-visible,
.gg-forum-login__button:hover,
.gg-forum-login__button:focus-visible {
	background: var(--wp--preset--color--accent-2, #7a5c14);
	color: var(--wp--preset--color--base, #e5e3dc);
	text-decoration: none;
}

#bbpress-forums button.submit:focus-visible,
#bbpress-forums .button:focus-visible,
#bbpress-forums input.button:focus-visible,
#bbpress-forums input[type="submit"]:focus-visible,
.gg-forum-login__button:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast, #1b1a17);
	outline-offset: 3px;
}

#bbpress-forums div.bbp-submit-wrapper {
	float: none;
	clear: both;
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
}

/* =Notices
-------------------------------------------------------------- */

#bbpress-forums div.bbp-template-notice,
#bbpress-forums div.indicator-hint {
	background-color: var(--wp--preset--color--accent-5, #efece5);
	border: 1px solid var(--wp--preset--color--accent-1, #b8860b);
	border-radius: .5rem;
	color: var(--wp--preset--color--contrast, #1b1a17);
	padding: .25rem 1rem;
	margin: 0 0 1rem;
}

#bbpress-forums div.bbp-template-notice.info {
	border-color: var(--wp--preset--color--accent-3, #d6d2c6);
	background-color: var(--wp--preset--color--accent-5, #efece5);
}

#bbpress-forums div.bbp-template-notice.important {
	border-color: var(--wp--preset--color--accent-1, #b8860b);
	background-color: var(--wp--preset--color--accent-5, #efece5);
}

#bbpress-forums div.bbp-template-notice.error,
#bbpress-forums div.bbp-template-notice.warning {
	border-color: #9b3b3b;
	background-color: var(--wp--preset--color--accent-5, #efece5);
}

#bbpress-forums div.bbp-template-notice a {
	color: var(--wp--preset--color--accent-2, #7a5c14);
	text-decoration: underline;
}

#bbpress-forums div.bbp-template-notice a:hover {
	color: var(--wp--preset--color--contrast, #1b1a17);
}

#bbpress-forums div.bbp-template-notice.error a,
#bbpress-forums div.bbp-template-notice.warning a {
	color: #9b3b3b;
}

#bbpress-forums div.bbp-template-notice p,
#bbpress-forums div.bbp-template-notice li {
	font-size: .95rem;
	line-height: 1.5;
}

/* =Pagination
-------------------------------------------------------------- */

#bbpress-forums .bbp-pagination {
	float: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	margin-bottom: 1rem;
}

#bbpress-forums .bbp-pagination-count {
	float: none;
	border: 0;
	color: var(--wp--preset--color--accent-4, #5f5a50);
	font-size: .9rem;
}

#bbpress-forums .bbp-pagination-links {
	float: none;
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

#bbpress-forums .bbp-pagination-links a,
#bbpress-forums .bbp-pagination-links span.current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: none;
	min-width: 44px;
	min-height: 44px;
	padding: .4rem .7rem;
	margin: 0;
	border: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: .5rem;
	background: var(--wp--preset--color--accent-5, #efece5);
	color: var(--wp--preset--color--contrast, #1b1a17);
	font-size: .95rem;
	line-height: 1;
	text-decoration: none;
	opacity: 1;
}

#bbpress-forums .bbp-pagination-links a:hover,
#bbpress-forums .bbp-pagination-links a:focus-visible {
	background: var(--wp--preset--color--accent-3, #d6d2c6);
	border: 1px solid var(--wp--preset--color--accent-1, #b8860b);
	opacity: 1;
}

#bbpress-forums .bbp-pagination-links span.current {
	background: var(--wp--preset--color--contrast, #1b1a17);
	border: 1px solid var(--wp--preset--color--contrast, #1b1a17);
	color: var(--wp--preset--color--base, #e5e3dc);
	opacity: 1;
}

#bbpress-forums .bbp-pagination-links span.dots {
	float: none;
	padding: .4rem .2rem;
	margin: 0;
	color: var(--wp--preset--color--accent-4, #5f5a50);
}

#bbpress-forums .bbp-topic-pagination a {
	color: var(--wp--preset--color--accent-4, #5f5a50);
	border-color: var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: .25rem;
	padding: .1rem .4rem;
}

/* =User profile
-------------------------------------------------------------- */

#bbpress-forums #bbp-user-wrapper {
	float: none;
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 720px) {
	#bbpress-forums #bbp-user-wrapper {
		grid-template-columns: 200px minmax(0, 1fr);
		align-items: start;
	}
}

#bbpress-forums #bbp-single-user-details {
	float: none;
	width: auto;
	margin: 0;
	overflow: visible;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
	width: auto;
	margin: 0 0 1rem;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
	box-sizing: border-box;
	width: 150px;
	height: 150px;
	max-width: 100%;
	margin: 0;
	border: 3px solid var(--wp--preset--color--accent-1, #b8860b);
	border-radius: 50%;
}

#bbpress-forums #bbp-single-user-details #bbp-user-description {
	margin-left: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
	margin: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
	display: inline-block;
	padding: .5rem .8rem;
	border: 0;
	border-radius: 999px;
	color: var(--wp--preset--color--contrast, #1b1a17);
	text-decoration: none;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a:focus-visible {
	background: var(--wp--preset--color--accent-3, #d6d2c6);
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
	background: var(--wp--preset--color--contrast, #1b1a17);
	color: var(--wp--preset--color--base, #e5e3dc);
	opacity: 1;
}

#bbpress-forums #bbp-user-body {
	margin-left: 0;
	min-width: 0;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
	font-size: 1.4rem;
	margin: 0 0 .75rem;
	padding: 0;
}

#bbpress-forums .bbp-user-section {
	margin-bottom: 1.5rem;
}

#bbpress-forums .bbp-user-section h3 {
	font-size: 1.25rem;
	margin: 0 0 .5rem;
}

/* Renown section printed by gg-faire on the profile. */
#bbpress-forums .gg-renown-profile {
	display: grid;
	gap: .25rem;
	border: 1px solid var(--wp--preset--color--accent-3, #d6d2c6);
	border-radius: .75rem;
	background: var(--wp--preset--color--accent-5, #efece5);
	padding: 1rem 1.25rem;
	overflow: visible;
}

#bbpress-forums .gg-renown-profile h3,
#bbpress-forums .gg-renown-profile p {
	margin: 0;
}

#bbpress-forums .gg-renown-profile__title {
	font-family: var(--wp--preset--font-family--new-rocker, "New Rocker", Georgia, serif);
	font-size: 1.5rem;
	line-height: 1.1;
	color: var(--wp--preset--color--accent-2, #7a5c14);
}

/* =Guest bar ("Log in / Register")
-------------------------------------------------------------- */

.gg-forum-login {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1rem;
	align-items: center;
	justify-content: space-between;
	padding: .9rem 1.1rem;
	border: 1px solid var(--wp--preset--color--accent-1, #b8860b);
	border-radius: .75rem;
	background: var(--wp--preset--color--accent-5, #efece5);
	margin: 0 0 1.25rem;
}

.gg-forum-login p {
	margin: 0;
}

.gg-forum-login--inline {
	margin-top: 1rem;
}

/* =Phones
-------------------------------------------------------------- */

@media (max-width: 600px) {

	#bbpress-forums {
		font-size: .95rem;
	}

	/* Column headings and footers go; each row labels itself. */
	#bbpress-forums li.bbp-header,
	#bbpress-forums li.bbp-footer {
		display: none;
	}

	#bbpress-forums li.bbp-body ul.forum,
	#bbpress-forums li.bbp-body ul.topic {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: .25rem .75rem;
		overflow: visible;
	}

	#bbpress-forums li.bbp-body li.bbp-forum-info,
	#bbpress-forums li.bbp-body li.bbp-topic-title {
		flex: 1 0 100%;
		width: 100%;
		float: none;
	}

	#bbpress-forums li.bbp-body li.bbp-forum-topic-count,
	#bbpress-forums li.bbp-body li.bbp-forum-reply-count,
	#bbpress-forums li.bbp-body li.bbp-topic-voice-count,
	#bbpress-forums li.bbp-body li.bbp-topic-reply-count {
		flex: 0 0 auto;
		width: auto;
		float: none;
		margin: 0;
		font-size: .8rem;
		color: var(--wp--preset--color--accent-4, #5f5a50);
		text-align: left;
	}

	#bbpress-forums li.bbp-body li.bbp-forum-topic-count::before {
		content: "Topics ";
	}

	#bbpress-forums li.bbp-body li.bbp-forum-reply-count::before {
		content: "Replies ";
	}

	#bbpress-forums li.bbp-body li.bbp-topic-voice-count::before {
		content: "Voices ";
	}

	#bbpress-forums li.bbp-body li.bbp-topic-reply-count::before {
		content: "Replies ";
	}

	#bbpress-forums li.bbp-body li.bbp-forum-freshness,
	#bbpress-forums li.bbp-body li.bbp-topic-freshness {
		flex: 1 0 auto;
		width: auto;
		float: none;
		margin: 0;
		text-align: right;
		font-size: .8rem;
	}

	#bbpress-forums li.bbp-body li.bbp-forum-freshness p.bbp-topic-meta,
	#bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
		display: none;
	}

	/* Breadcrumb and search stack instead of floating past each other. */
	#bbpress-forums div.bbp-breadcrumb,
	#bbpress-forums div.bbp-search-form,
	#bbpress-forums div.bbp-topic-tags {
		float: none;
	}

	#bbpress-forums #bbp-search-form div {
		display: flex;
	}

	#bbpress-forums #bbp-search-form #bbp_search {
		flex: 1 1 auto;
		width: auto;
	}

	/* Topic lead and replies: author row above the post, not a side column. */
	#bbpress-forums .bbp-body div.bbp-topic-author,
	#bbpress-forums .bbp-body div.bbp-reply-author {
		float: none;
		width: auto;
		min-height: 0;
		margin: 0;
		padding: .5rem 0;
		position: static;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: .25rem .75rem;
		text-align: left;
		border-bottom: 0;
		box-sizing: border-box;
	}

	#bbpress-forums div.bbp-topic-author a.bbp-author-link,
	#bbpress-forums div.bbp-reply-author a.bbp-author-link {
		display: inline-flex;
		align-items: center;
		gap: .5rem;
	}

	#bbpress-forums div.bbp-topic-author img.avatar,
	#bbpress-forums div.bbp-reply-author img.avatar {
		position: static;
		width: 44px;
		height: 44px;
		max-width: 44px;
		margin: 0;
	}

	#bbpress-forums div.bbp-topic-author .bbp-author-name,
	#bbpress-forums div.bbp-reply-author .bbp-author-name {
		display: inline;
		clear: none;
		margin: 0;
	}

	#bbpress-forums div.bbp-topic-author .gg-renown,
	#bbpress-forums div.bbp-reply-author .gg-renown {
		display: inline-flex;
		gap: .5rem;
		margin: 0;
	}

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

	#bbpress-forums div.bbp-reply-to {
		margin-left: 0;
	}

	#bbpress-forums fieldset.bbp-form {
		padding: .75rem 1rem 1rem;
	}

	#bbpress-forums div.bbp-submit-wrapper button {
		width: 100%;
	}
}

/* =House hall chips
   The sub-forum list under House Halls. bbPress prints a comma-separated line
   of links; includes/community.php drops the raw counts and tags each link
   with its house, so they can read as a row of chips in the house colours
   (the faction-* palette entries the plugin injects). A house without a
   palette entry falls back to gold.
-------------------------------------------------------------- */

#bbpress-forums ul.bbp-forums-list {
	display: flex;
	width: 100%;
	max-width: 100%;
	flex-wrap: wrap;
	gap: .4rem;
	margin: .5rem 0 0;
	padding: 0;
	border-left: 0;
	list-style: none;
}

#bbpress-forums ul.bbp-forums-list li.bbp-forum {
	display: inline-flex;
	margin: 0;
	padding: 0;
	font-size: inherit;
}

/*
 * bbPress separates the links with a comma from
 * .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after; the chips carry
 * their own spacing, so the separators have to go at matching specificity.
 */
#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after,
#bbpress-forums ul.bbp-forums-list li.bbp-forum::before,
#bbpress-forums ul.bbp-forums-list li.bbp-forum::after {
	content: none;
	margin: 0;
	padding: 0;
}

#bbpress-forums .bbp-forums-list a.gg-house-link {
	--gg-house: var(--wp--preset--color--accent-1, #b8860b);
	display: inline-flex;
	align-items: center;
	gap: .4em;
	min-height: 36px;
	padding: .25rem .9rem;
	border: 1px solid var(--gg-house);
	border-radius: 999px;
	background: color-mix(in srgb, var(--gg-house) 14%, transparent);
	color: var(--wp--preset--color--contrast, #1b1a17);
	font-family: var(--wp--preset--font-family--new-rocker, Georgia, serif);
	font-size: 1.05rem;
	line-height: 1.2;
	text-decoration: none;
	/* A house name is one word: keep it on one line rather than splitting it. */
	white-space: nowrap;
}

#bbpress-forums .bbp-forums-list a.gg-house-link::before {
	content: "";
	width: .7em;
	height: .7em;
	border-radius: 50%;
	background: var(--gg-house);
	flex: none;
}

#bbpress-forums .bbp-forums-list a.gg-house-link:hover,
#bbpress-forums .bbp-forums-list a.gg-house-link:focus-visible {
	background: color-mix(in srgb, var(--gg-house) 28%, transparent);
	color: var(--wp--preset--color--contrast, #1b1a17);
	text-decoration: none;
}

#bbpress-forums .bbp-forums-list a.gg-house-link--red {
	--gg-house: var(--wp--preset--color--faction-red, #9b3b3b);
}

#bbpress-forums .bbp-forums-list a.gg-house-link--blue {
	--gg-house: var(--wp--preset--color--faction-blue, #3f6293);
}

#bbpress-forums .bbp-forums-list a.gg-house-link--green {
	--gg-house: var(--wp--preset--color--faction-green, #457550);
}

#bbpress-forums .bbp-forums-list a.gg-house-link--purple {
	--gg-house: var(--wp--preset--color--faction-purple, #715294);
}

/* =Rank badge and member photo
-------------------------------------------------------------- */

#bbpress-forums .gg-renown {
	display: grid;
	gap: .1rem;
	justify-items: center;
	margin-top: .5rem;
}

#bbpress-forums .gg-renown__title {
	display: inline-flex;
	align-items: center;
	gap: .35em;
	padding: .2rem .7rem;
	border: 1px solid var(--wp--preset--color--accent-1, #b8860b);
	border-radius: 999px;
	background: color-mix(in srgb, var(--wp--preset--color--accent-1, #b8860b) 14%, transparent);
	color: var(--wp--preset--color--accent-2, #7a5c14);
	font-family: var(--wp--preset--font-family--new-rocker, "New Rocker", Georgia, serif);
	font-size: 1.05rem;
	line-height: 1.25;
}

#bbpress-forums .gg-renown .gg-rank-icon {
	width: 1.1em;
	height: 1.1em;
	flex: none;
	color: var(--wp--preset--color--accent-1, #b8860b);
}

/* The higher Titles wear the badge more brightly. */
#bbpress-forums .gg-renown--lord .gg-renown__title,
#bbpress-forums .gg-renown--noble .gg-renown__title,
#bbpress-forums .gg-renown--king .gg-renown__title {
	background: color-mix(in srgb, var(--wp--preset--color--accent-1, #b8860b) 26%, transparent);
	color: var(--wp--preset--color--contrast, #1b1a17);
	font-weight: 700;
}

#bbpress-forums .gg-renown--king .gg-renown__title {
	border-width: 2px;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--accent-1, #b8860b) 25%, transparent);
}

#bbpress-forums .gg-renown__points {
	font-size: .8125rem;
	color: var(--wp--preset--color--accent-4, #5f5a50);
}

/* Photo field on the Town Hall profile editor. */
#bbpress-forums .gg-avatar-field {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1rem;
}

#bbpress-forums .gg-avatar-field__preview img {
	border: 2px solid var(--wp--preset--color--accent-1, #b8860b);
	border-radius: 50%;
}

#bbpress-forums .gg-avatar-field__controls {
	flex: 1 1 16rem;
	display: grid;
	gap: .4rem;
}

#bbpress-forums .gg-avatar-field__label {
	font-weight: 700;
}

#bbpress-forums .gg-avatar-field__help {
	margin: 0;
	font-size: .8125rem;
	color: var(--wp--preset--color--accent-4, #5f5a50);
}

#bbpress-forums .gg-avatar-field__remove {
	display: flex;
	align-items: center;
	gap: .4rem;
	font-size: .875rem;
}

#bbpress-forums input[type="file"] {
	max-width: 100%;
	padding: .4rem;
	border: 1px dashed var(--wp--preset--color--accent-1, #b8860b);
	border-radius: .5rem;
	background: var(--wp--preset--color--base, #e5e3dc);
}