/************************************************************
 * SITE: MPU — forum chrome (warm palette + phpBB nav matching main site)
 ************************************************************/

:root {
	--mpu-forum-bg: #1f1a15;
	--mpu-forum-bg-deep: #15110e;
	--mpu-forum-surface: #26211c;
	--mpu-forum-surface-2: #2e2822;
	--mpu-forum-primary: #c8102e;
	--mpu-forum-primary-hover: #e01838;
	--mpu-forum-accent: #f5c518;
	--mpu-forum-text: #f7f4ef;
	--mpu-forum-muted: #9a948c;
	--mpu-forum-muted-light: #d2ccc4;
	--mpu-forum-border: #3a342e;
	--mpu-forum-link: #f5c518;
	--mpu-forum-link-hover: #ffe08a;
	--mpu-forum-nav-font: 'Oswald', 'Arial Narrow', sans-serif;
}

html,
body,
body.section-index,
body.section-viewforum,
body.section-viewtopic,
.wrap {
	background-color: var(--mpu-forum-bg) !important;
	background-image: radial-gradient(ellipse at 50% 18%, #3a2d22 0%, var(--mpu-forum-bg) 32%, var(--mpu-forum-bg-deep) 100%) !important;
	background-attachment: fixed !important;
	color: #d2ccc4 !important;
	color-scheme: dark;
}

/* Beat prosilver #536482 / #4C5D77 / #333 / #000 on dark panels */
.wrap,
.wrap .panel,
.wrap .post,
.wrap .inner,
.wrap .content,
.wrap ul.topiclist,
.wrap ul.topiclist li,
.wrap li.row,
.wrap dl.details,
.wrap dl.details dt,
.wrap dl.details dd,
.wrap .postbody,
.wrap .postprofile,
.wrap .stat-block,
.wrap .statistics,
.wrap p,
.wrap label,
.wrap h2,
.wrap h3 {
	color: #d2ccc4 !important;
}

.wrap dl.details dd,
.wrap .postprofile dd,
.wrap .content,
.wrap .postbody {
	color: #f7f4ef !important;
}

.headerbar,
.navbar,
.search-header,
#page-footer,
.copyright {
	background-color: var(--mpu-forum-surface) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
	color: var(--mpu-forum-muted-light) !important;
}

.headerbar {
	border-bottom: 1px solid var(--mpu-forum-border) !important;
	box-shadow: inset 0 -2px 0 rgba(200, 16, 46, 0.55) !important;
}

.navbar {
	border-color: var(--mpu-forum-border) !important;
}

.forabg,
.forumbg,
.bg1,
.bg2,
.panel,
.panel-container,
.post,
.inner,
.topiclist li {
	background-color: var(--mpu-forum-surface) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
	color: var(--mpu-forum-muted-light) !important;
}

/* Forum lists + National Flags index block (prosilver ul.forums gradient) */
ul.forums,
ul.forums.flags,
#flags ul.forums,
.forabg ul.forums {
	background-color: var(--mpu-forum-surface) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
}

ul.forums.flags li,
ul.forums.flags li.flags_bg,
ul.forums.flags li.flagslist,
#flags ul.forums li {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--mpu-forum-muted-light) !important;
	border-color: var(--mpu-forum-border) !important;
}

ul.forums.flags a,
#flags ul.forums a,
#flags .header a {
	color: var(--mpu-forum-link) !important;
}

ul.forums.flags a:hover,
#flags ul.forums a:hover,
#flags .header a:hover {
	color: var(--mpu-forum-link-hover) !important;
}

#flags.forabg,
#flags .inner {
	background-color: var(--mpu-forum-surface) !important;
	background-image: none !important;
}

.bg2,
ul.topiclist li.row:nth-child(even),
li.row:nth-child(even) {
	background-color: var(--mpu-forum-surface-2) !important;
}

.forabg .header,
.forumbg .header,
li.header,
li.header dt,
li.header dd,
.tf-active-header {
	background: linear-gradient(90deg, rgba(200, 16, 46, 0.35) 0%, var(--mpu-forum-surface-2) 55%, var(--mpu-forum-surface) 100%) !important;
	color: var(--mpu-forum-text) !important;
	border-color: var(--mpu-forum-border) !important;
}

/* Collapsible categories: +/- before the category name (vendor CSS floats it right) */
.forabg ul.topiclist > li.header {
	display: flex;
	align-items: center;
}

.forabg ul.topiclist > li.header .collapse-btn {
	float: none !important;
	order: -1;
	flex: 0 0 auto;
	margin: 0 0.4em 0 0.55em !important;
	position: relative;
	line-height: 1 !important;
}

.forabg ul.topiclist > li.header dl.row-item {
	flex: 1 1 auto;
	min-width: 0;
}

/* Drop default folder/topic GIFs (and Dark Light Font Awesome stand-ins) */
.wrap dl.row-item {
	background-image: none !important;
}

.wrap .forabg dl.row-item::before,
.wrap .forabg dl.row-item::after,
.wrap .forumbg dl.row-item::before,
.wrap .forumbg dl.row-item::after {
	content: none !important;
	display: none !important;
}

.wrap .forabg dl.row-item dt .list-inner,
.wrap .forumbg dl.row-item dt .list-inner {
	padding-left: 10px;
}

.wrap a.row-item-link,
.wrap .forum-image {
	display: none !important;
}

/* Content links — gold (forum/topic titles and normal links).
 * Never paint usernames gold: group colours use inline style + .username-coloured;
 * uncoloured names stay light body text like stock prosilver on this dark theme. */
.wrap a:not(.username):not(.username-coloured):not([style*="color"]),
.wrap a:not(.username):not(.username-coloured):not([style*="color"]):link,
.wrap a:not(.username):not(.username-coloured):not([style*="color"]):visited,
.forumtitle,
.topictitle {
	color: var(--mpu-forum-link) !important;
}

.wrap a:not(.username):not(.username-coloured):not([style*="color"]):hover,
.wrap a:not(.username):not(.username-coloured):not([style*="color"]):focus,
.forumtitle:hover,
.topictitle:hover {
	color: var(--mpu-forum-link-hover) !important;
}

.wrap a.username,
.wrap a.username:link,
.wrap a.username:visited,
.wrap span.username {
	color: var(--mpu-forum-text) !important;
}

.wrap a.username:hover,
.wrap a.username:focus {
	color: var(--mpu-forum-accent) !important;
}

/*
 * phpBB utility navbar (Quick links, FAQ, etc.) — match main site .nav-item,
 * not the gold content-link colour above.
 */
.navbar ul.linklist > li > a,
.navbar ul.linklist > li .dropdown-trigger,
#nav-main > li > a,
#nav-main > li .dropdown-trigger,
#nav-breadcrumbs .responsive-search a,
#nav-footer > li > a,
#nav-footer .breadcrumbs .crumb a {
	font-family: var(--mpu-forum-nav-font) !important;
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	line-height: 2.2em !important;
	color: var(--mpu-forum-muted-light) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.navbar ul.linklist > li > a .icon,
.navbar ul.linklist > li .dropdown-trigger .icon,
#nav-main > li > a .icon,
#nav-main > li .dropdown-trigger .icon,
#nav-footer > li > a .icon,
#nav-footer .breadcrumbs .crumb a .icon {
	color: inherit !important;
	opacity: 0.85;
}

.navbar ul.linklist > li > a:hover,
.navbar ul.linklist > li .dropdown-trigger:hover,
#nav-main > li > a:hover,
#nav-main > li .dropdown-trigger:hover,
.navbar ul.linklist > li > a:focus,
#nav-main > li > a:focus,
#nav-footer > li > a:hover,
#nav-footer .breadcrumbs .crumb a:hover,
#nav-footer > li > a:focus,
#nav-footer .breadcrumbs .crumb a:focus {
	color: var(--mpu-forum-accent) !important;
	text-decoration: none !important;
}

/* Header breadcrumbs: slightly muted, not full nav uppercase */
#nav-breadcrumbs .breadcrumbs .crumb a {
	font-family: var(--mpu-forum-nav-font) !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
	color: var(--mpu-forum-muted) !important;
}

#nav-breadcrumbs .breadcrumbs .crumb a:hover {
	color: var(--mpu-forum-accent) !important;
}

/* Footer breadcrumbs keep nav uppercase (MPU FORUMS, etc.) via #nav-footer rules above */

a.button,
.button,
input.button1,
input.button2,
button.button1,
button.button2,
.button-search,
.button-search-end {
	background: rgba(200, 16, 46, 0.22) !important;
	background-image: none !important;
	border: 1px solid var(--mpu-forum-border) !important;
	color: var(--mpu-forum-text) !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

a.button:hover,
.button:hover,
input.button1:hover,
input.button2:hover {
	background: rgba(200, 16, 46, 0.4) !important;
	border-color: var(--mpu-forum-primary) !important;
	color: var(--mpu-forum-accent) !important;
}

input.inputbox,
textarea.inputbox,
select,
.search-box .inputbox,
.wrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not(.button1):not(.button2),
.wrap textarea,
.wrap select,
.message-box textarea,
#message textarea,
.attach-comment .inputbox,
.phpbb_alert textarea {
	background-color: #181410 !important;
	border: 1px solid var(--mpu-forum-border) !important;
	color: var(--mpu-forum-text) !important;
	box-shadow: none !important;
	color-scheme: dark;
}

.wrap select option,
.wrap select optgroup {
	background-color: var(--mpu-forum-surface-2) !important;
	color: var(--mpu-forum-text) !important;
}

input.inputbox::placeholder,
textarea.inputbox::placeholder,
.wrap input::placeholder,
.wrap textarea::placeholder {
	color: var(--mpu-forum-muted) !important;
	opacity: 1;
}

input.inputbox:focus,
textarea.inputbox:focus,
select:focus,
.wrap input:focus,
.wrap textarea:focus,
.wrap select:focus,
.message-box textarea:focus {
	border-color: var(--mpu-forum-accent) !important;
	outline: none !important;
}

.bg3,
.panel.bg3,
.ucprowbg,
.fieldsbg {
	background-color: var(--mpu-forum-surface-2) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
	color: var(--mpu-forum-muted-light) !important;
}

h2,
h3,
.forum-title,
.stat-block h3,
.panel h3 {
	color: var(--mpu-forum-text) !important;
}

.icon::before,
.fa::before,
i.icon {
	color: inherit;
}

.nav-footer,
#page-footer .navbar {
	background-color: var(--mpu-forum-bg-deep) !important;
	border-top: 1px solid var(--mpu-forum-border) !important;
}

/* No "All times are …" in footer (template + stale Twig cache) */
#nav-footer > li.rightside:not(:has(a)) {
	display: none !important;
}

.copyright,
.copyright a {
	color: var(--mpu-forum-muted) !important;
}

.phpbb_alert,
.notify,
.rules {
	background-color: var(--mpu-forum-surface-2) !important;
	border-color: var(--mpu-forum-primary) !important;
	color: var(--mpu-forum-text) !important;
}

/* Site chrome header — must win over any global link colour (matches main site .nav-item) */
.mpu-site-header a.mpu-nav-item,
.mpu-site-header a.mpu-nav-item:link,
.mpu-site-header a.mpu-nav-item:visited {
	color: var(--mpu-forum-muted-light) !important;
}

.mpu-site-header a.mpu-nav-item:hover,
.mpu-site-header a.mpu-nav-item:focus,
.mpu-site-header a.mpu-nav-item--active {
	color: var(--mpu-forum-accent) !important;
}

.mpu-site-header .mpu-nav-submenu a,
.mpu-site-header .mpu-nav-submenu a:link,
.mpu-site-header .mpu-nav-submenu a:visited {
	color: var(--mpu-forum-muted-light) !important;
	font-family: 'Barlow', 'Segoe UI', sans-serif !important;
	font-size: 0.9rem !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.mpu-site-header .mpu-nav-submenu a:hover {
	color: var(--mpu-forum-accent) !important;
}

/* ----- Dropdowns (profile, quick links, notifications) ----- */
.wrap .dropdown .dropdown-contents,
.navbar .dropdown .dropdown-contents,
.dropdown-extended .dropdown-contents {
	background: #1f1a15 !important;
	border-color: var(--mpu-forum-border) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

.dropdown .pointer-inner {
	border-color: #1f1a15 transparent !important;
}

.dropdown-extended .pointer-inner {
	border-color: #1f1a15 transparent !important;
}

.dropdown .pointer {
	border-color: var(--mpu-forum-border) transparent !important;
}

.wrap .dropdown .dropdown-contents a,
.wrap .dropdown .dropdown-contents li a,
.navbar .dropdown .dropdown-contents a,
.dropdown-extended .dropdown-contents a,
.dropdown-extended ul li a {
	color: var(--mpu-forum-muted-light) !important;
	font-family: 'Barlow', 'Segoe UI', sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	line-height: 1.4 !important;
}

.wrap .dropdown .dropdown-contents a:hover,
.dropdown-extended ul li a:hover {
	color: var(--mpu-forum-accent) !important;
	background-color: rgba(200, 16, 46, 0.15) !important;
}

.dropdown li,
.dropdown li li,
.dropdown-extended ul li {
	border-color: var(--mpu-forum-border) !important;
}

.dropdown-extended ul li:hover {
	background-color: rgba(200, 16, 46, 0.12) !important;
	color: var(--mpu-forum-text) !important;
}

.dropdown-extended .header,
.dropdown-extended .footer {
	background: var(--mpu-forum-surface-2) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
	color: var(--mpu-forum-muted-light) !important;
}

.dropdown-extended .header a,
.dropdown-extended .footer a {
	color: var(--mpu-forum-accent) !important;
}

.notification_list p.notification-time {
	color: var(--mpu-forum-muted) !important;
}

/* ----- UCP / MCP tabs ----- */
.tabs .tab > a,
.minitabs .tab > a {
	background: var(--mpu-forum-surface-2) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
	color: var(--mpu-forum-muted-light) !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.tabs .tab > a:hover,
.minitabs .tab > a:hover {
	background: #3a3228 !important;
	color: var(--mpu-forum-accent) !important;
}

.tabs .activetab > a,
.tabs .activetab > a:hover,
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background: var(--mpu-forum-surface) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
	border-bottom-color: var(--mpu-forum-surface) !important;
	box-shadow: inset 0 -2px 0 var(--mpu-forum-primary) !important;
	color: var(--mpu-forum-text) !important;
}

/* ----- UCP sidebar + profile stats ----- */
.cp-menu .navigation a {
	color: var(--mpu-forum-muted-light) !important;
	background: var(--mpu-forum-surface-2) !important;
	background-image: none !important;
	border-color: var(--mpu-forum-border) !important;
}

.cp-menu .navigation a:hover {
	background: #3a3228 !important;
	color: var(--mpu-forum-accent) !important;
}

.cp-menu .navigation .active-subsection a {
	background: var(--mpu-forum-surface) !important;
	color: var(--mpu-forum-accent) !important;
}

.panel-container h2,
.panel-container h3,
.cp-main h2 {
	color: var(--mpu-forum-text) !important;
}

dl.details dt,
.postprofile dt,
.cp-main dl.details dt,
.panel-container dl.details dt {
	color: var(--mpu-forum-muted-light) !important;
}

dl.details dd,
.postprofile dd,
.cp-main dl.details dd,
.panel-container dl.details dd,
.postprofile strong {
	color: var(--mpu-forum-text) !important;
}

.postprofile {
	color: var(--mpu-forum-muted-light) !important;
	border-color: var(--mpu-forum-border) !important;
}

.cp-main .pm-message {
	background-color: var(--mpu-forum-surface) !important;
	border-color: var(--mpu-forum-border) !important;
	color: var(--mpu-forum-muted-light) !important;
}

.panel-container table.table1 thead th,
.panel-container table.table1 tbody td,
.panel-container table.table1 tbody th {
	color: var(--mpu-forum-muted-light) !important;
	border-color: var(--mpu-forum-border) !important;
}

.panel-container .panel li.header dt,
.panel-container .panel li.header dd {
	color: var(--mpu-forum-text) !important;
}

.cp-main,
.cp-menu {
	color: var(--mpu-forum-muted-light) !important;
}

/* ----- Forms: login, register, UCP, reset password ----- */
.wrap .content,
.wrap .panel .content,
#reset_password .content {
	color: var(--mpu-forum-muted-light) !important;
}

.wrap fieldset label,
.wrap dd label,
.wrap dt label,
.wrap fieldset dt,
.wrap fieldset dd,
#reset_password fieldset dt,
#reset_password fieldset dd,
#login label,
#login dd label {
	color: var(--mpu-forum-text) !important;
}

.wrap fieldset dt span,
#reset_password fieldset dt span {
	color: var(--mpu-forum-muted) !important;
}

.wrap fieldset dl:hover dt label,
#login fieldset dl:hover dt label,
#reset_password fieldset dl:hover dt label {
	color: var(--mpu-forum-accent) !important;
}

.wrap p.error,
.wrap .content p.error,
#reset_password p.error {
	color: #f0a8b8 !important;
}

.wrap .panel .content p,
#login .content p,
.panel .content > p {
	color: var(--mpu-forum-muted-light) !important;
	line-height: 1.5 !important;
}

.wrap .panel .content h2,
.wrap .panel .content h3,
#login .login-title,
#reset_password .content h2 {
	color: var(--mpu-forum-text) !important;
}

.wrap .panel .content h2,
#reset_password .content h2 {
	border-bottom-color: var(--mpu-forum-border) !important;
}

.wrap .panel .content hr.dashed {
	border-color: var(--mpu-forum-border) !important;
}

.wrap fieldset.fields1,
.wrap fieldset.fields2 {
	background-color: transparent !important;
}

/* National flags (rmcgirr83) + generic profile fields */
.wrap fieldset.fields1 dd,
.wrap fieldset.fields2 dd,
.wrap fieldset.fields1 dt,
.wrap fieldset.fields2 dt,
.wrap fieldset dd label,
.wrap fieldset.fields1 label,
.wrap fieldset.fields2 label {
	color: var(--mpu-forum-muted-light) !important;
}

.wrap fieldset.fields1 dt label,
.wrap fieldset.fields2 dt label,
#user_flag {
	color: var(--mpu-forum-text) !important;
}

.wrap ul.flags,
.wrap ul.flags li,
.wrap ul.flags li.flagslist {
	color: var(--mpu-forum-muted-light) !important;
}

.wrap fieldset.fields1 input[type="checkbox"] + label,
.wrap fieldset.fields1 input[type="radio"] + label,
.wrap fieldset.fields2 input[type="checkbox"] + label,
.wrap fieldset.fields2 input[type="radio"] + label {
	color: var(--mpu-forum-muted-light) !important;
}

/* Who is online: session-start time (staff only, injected in HTML) */
.mpu-online-ago,
.mpu-newest-joined {
	color: var(--mpu-forum-muted) !important;
	font-weight: 400;
	white-space: nowrap;
}

/* Sortable captcha (signup human verification) */
.wrap .attachbox.sortables_captcha_box,
.wrap #enable_js .attachbox {
	background-color: var(--mpu-forum-surface-2) !important;
	border: 1px solid var(--mpu-forum-border) !important;
	border-radius: 4px;
	color: var(--mpu-forum-text) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.wrap .attachbox.sortables_captcha_box strong,
.wrap #enable_js .attachbox strong {
	color: var(--mpu-forum-text) !important;
	font-size: 0.95em;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-transform: none;
}

.wrap .attachbox.sortables_captcha_box hr,
.wrap #enable_js .attachbox hr {
	border: 0;
	border-top: 1px solid var(--mpu-forum-border) !important;
	margin: 0.5em 0 0.35em;
}

.wrap .sortables_captcha_list {
	background: transparent !important;
}

.wrap .sortables_captcha_list li,
.wrap .sortables_captcha_list li.bg1,
.wrap .sortables_captcha_list li.bg2 {
	background-color: var(--mpu-forum-bg-deep) !important;
	border: 1px solid var(--mpu-forum-border) !important;
	border-radius: 3px;
	color: var(--mpu-forum-text) !important;
}

.wrap .sortables_captcha_list li:hover {
	border-color: var(--mpu-forum-accent) !important;
	color: var(--mpu-forum-accent) !important;
}

.wrap .sortables_nojs,
.wrap .sortables_nojs_row,
.wrap .sortables_nojs_left,
.wrap .sortables_nojs_right {
	color: var(--mpu-forum-muted-light) !important;
}

/* Unread PM attention banner */
.mpu-pm-banner {
	margin: 0 0 1em;
	padding: 0.75em 1em;
	background: linear-gradient(90deg, rgba(200, 16, 46, 0.92), rgba(200, 16, 46, 0.72));
	border: 1px solid rgba(245, 197, 24, 0.45);
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.mpu-pm-banner-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75em 1.25em;
}

.mpu-pm-banner-text {
	color: #fff !important;
	font-weight: 600;
	font-size: 1.05em;
}

.mpu-pm-banner-link,
.wrap a.mpu-pm-banner-link,
.wrap a.mpu-pm-banner-link:link,
.wrap a.mpu-pm-banner-link:visited {
	display: inline-block;
	padding: 0.35em 0.9em;
	background: #f5c518 !important;
	color: #1a140f !important;
	font-weight: 700;
	text-decoration: none !important;
	border-radius: 3px;
}

.mpu-pm-banner-link:hover,
.wrap a.mpu-pm-banner-link:hover,
.wrap a.mpu-pm-banner-link:focus {
	background: #ffe08a !important;
	color: #1a140f !important;
	text-decoration: none !important;
}

/* New PM modal */
.mpu-pm-modal[hidden] {
	display: none !important;
}

.mpu-pm-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25em;
}

.mpu-pm-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(10, 8, 6, 0.72);
}

.mpu-pm-modal-dialog {
	position: relative;
	z-index: 1;
	width: min(420px, 100%);
	padding: 1.35em 1.4em 1.2em;
	background: var(--mpu-forum-surface-2);
	border: 1px solid var(--mpu-forum-border);
	border-top: 3px solid var(--mpu-forum-primary);
	border-radius: 4px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
	color: var(--mpu-forum-text);
}

.mpu-pm-modal-title {
	margin: 0 0 0.45em;
	color: var(--mpu-forum-text) !important;
	font-size: 1.35em;
}

.mpu-pm-modal-text {
	margin: 0 0 1.1em;
	color: var(--mpu-forum-muted-light) !important;
	line-height: 1.45;
}

.mpu-pm-modal-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
	align-items: center;
}

.mpu-pm-modal-actions .button1,
.mpu-pm-modal-actions .button2 {
	margin: 0;
}