/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			mye28
	Based on style:		prosilver (phpBB 3.3.x default)
	Copyright:			MyE28, 2026
	Parent is stock prosilver — this file is the only brand CSS.
	M colours: classic 1970s stripes (blue/violet/orange-red), not modern cyan/navy.
	Source of truth:	https://github.com/mye28/mye28  (phpbb-theme/mye28/)
    --------------------------------------------------------------
*/

/* Loaded last — wins over extension CSS.
 * MyE28 forums theme (see phpbb-theme/README.md in mye28/mye28).
 *
 * Bars (no M-stripe gradients):
 *   Page header (banner + headerlinks)       → classic M violet-blue #2B1C6B (1970s middle stripe)
 *   Category/topic box headers (li.header) → classic M violet-blue #2B1C6B (1970s middle stripe)  + white text
 *   All .navbar bars (QL + Board index)      → classic M light blue #0066B3 (1970s stripe, not modern cyan)  + dark blue text
 */

/* ------------------------------------------------------------------
 * Typography — Exo 2 headings, Barlow body (Google Fonts / OFL)
 * ------------------------------------------------------------------ */
html, body,
.wrap,
.page-body,
.postbody,
.content,
.panel,
.inputbox,
textarea,
select,
.dropdown-contents,
.copyright {
	font-family: Barlow, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.site-description h1,
.panel h2,
.panel h3,
.postbody h3,
.forabg li.header,
.forumbg li.header,
ul.topiclist li.header,
ul.topiclist li.header dt,
ul.topiclist li.header dd,
.tabs .tab > a,
.minitabs .tab > a,
.navbar,
.headerbar,
.headerlink-link,
.button,
a.button,
input.button,
a.button1, input.button1,
a.button2, input.button2,
.pagination li a,
.pagination li span {
	font-family: "Exo 2", Barlow, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

/*
 * Optical size: Exo 2 / Barlow read a bit smaller than stock Verdana.
 * Header menu and navbars share the same px size so they match.
 */
/* Header menu + QL / Board index / footer navbars — same size */
.headerbar .headerlink-link,
.headerbar .headerlink-link span,
.headerbar .headerlink-link i,
.headerbar .headerlink-link .icon,
.navbar,
.navbar ul.linklist > li,
.navbar ul.linklist > li > a,
.navbar .breadcrumbs .crumb a,
.navbar .breadcrumbs .crumb a span {
	font-size: 13px !important;
	line-height: 1.35 !important;
}

/* Header menu labels bold */
.headerbar .headerlink-link,
.headerbar .headerlink-link span {
	font-weight: 700 !important;
}

/* Board title + subtitle over banner (headerbanner) — 25% over stock 2em / 1em */
.banner-header #headerbanner_description h1,
.headerbar .site-description h1,
#site-description h1 {
	font-size: 2.5em !important; /* stock h1 2em × 1.25 */
	font-weight: 700 !important;
	line-height: 1.15 !important;
}
.banner-header #headerbanner_description p:not(.skiplink),
.headerbar .site-description p:not(.skiplink),
#site-description p:not(.skiplink) {
	font-size: 1.25em !important; /* stock body 1em × 1.25 */
	line-height: 1.3 !important;
}

/* Announcements / rules — stock 1.1em */
div.rules,
.rules,
p.post-notice,
.post-notice {
	font-size: 1.15em !important;
	line-height: 1.4 !important;
}

/* Post profile column — slight lift over stock */
.postprofile,
.postprofile dd,
.postprofile dt,
.postprofile strong,
.postprofile a,
.has-profile .postprofile {
	font-size: 1.08em !important;
	line-height: 1.35 !important;
}
.postprofile .avatar-container {
	font-size: 1em !important;
}

/* ------------------------------------------------------------------
 * Page chrome
 * ------------------------------------------------------------------ */
html, body {
	color: #1A1A1A !important;
	background-color: #FFFFFF !important;
}

.wrap {
	background-color: #FFFFFF !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/* Banner / page header shell — classic M light blue */

/* Keep header / QL / BI stacked (never row) */
#page-header {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	overflow: visible !important;
}

/* Do NOT set width:100% here — with mobile margin-left/right:-8px that
 * leaves a white strip on the right (footer is fine because it is outside
 * #page-header and never got width:100%). */
#page-header > .navbar,
#page-header > .headerbar {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: auto !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

.headerbar {
	color: #FFFFFF !important;
	background-color: #0066B3 !important;
	background-image: none !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* ------------------------------------------------------------------
 * Header menu (headerlink) — colors + left align ONLY
 * Collapse/expand: extension responsive MODE 2 (headerlink_responsive=2).
 * Do not set display on #headerlink, #sub-toggler, or #has-sublist — JS owns that.
 * ------------------------------------------------------------------ */
.headerbar #headerlink-wrap {
	background-color: #0066B3 !important;
	background-image: none !important;
	/* Slightly more bottom than top — Exo 2 metrics look top-heavy with equal pad */
	padding: 3px 10px 5px 10px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	position: relative !important;
	line-height: 1.2 !important;
}

/* Extension padding-left:4px pushed Home right of Board-index icon */
.headerbar #headerlink,
.headerbar ul.headerlink {
	padding-left: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.headerbar .headerlink-list-item {
	margin: 0 14px 0 0 !important;
	padding: 0 !important;
}

.headerbar .headerlink-list-item:last-child {
	margin-right: 0 !important;
}

.headerbar .headerlink-link {
	/* Kill extension margin-bottom:5px / padding:4px 7px that stretch the bar */
	margin: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	display: inline-block !important;
	line-height: 1.2 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid transparent !important;
	color: #FFFFFF !important;
	/* size + weight set with navbar match above — do not shrink to 11px */
	font-size: 13px !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

.headerbar .headerlink-link span,
.headerbar .headerlink-link i,
.headerbar .headerlink-link .icon {
	color: #FFFFFF !important;
	vertical-align: middle !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.headerbar .headerlink-link > i,
.headerbar .headerlink-link > .icon {
	width: 1.1em !important;
	display: inline-block !important;
	text-align: center !important;
	margin: 0 !important;
	margin-right: 0 !important;
}

.headerbar .headerlink-link > i + span,
.headerbar .headerlink-link > .icon + span {
	margin-left: 0.2em !important;
}

.headerbar .headerlink-link:hover {
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.headerbar .headerlink-list-item {
	--headerlink-bg: transparent !important;
	--headerlink-text-color: #FFFFFF !important;
	--headerlink-icon-color: #FFFFFF !important;
	--headerlink-hover-bg: rgba(0, 0, 0, 0.15) !important;
}

/* Mode-2 overflow hamburger button (created by JS when items don't fit) */
.headerbar .sub-toggler,
.headerbar #sub-toggler {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
	padding: 4px 8px !important;
	margin: 0 !important;
	vertical-align: middle !important;
	/* DO NOT set display — jQuery .hide()/.show() must work */
}

.headerbar .sub-toggler svg path {
	stroke: #FFFFFF !important;
}

/* Overflow panel when open */
.headerbar .sublist,
.headerbar #sublist {
	background: #2B1C6B !important;
	padding: 6px !important;
	box-sizing: border-box !important;
	z-index: 100 !important;
	min-width: 10em !important;
}

.headerbar .sublist .headerlink-link,
.headerbar #sublist .headerlink-link {
	display: block !important;
	padding: 8px 10px !important;
	color: #FFFFFF !important;
}

.headerbar .sublist .headerlink-link span,
.headerbar .sublist .headerlink-link i,
.headerbar #sublist .headerlink-link span,
.headerbar #sublist .headerlink-link i {
	color: #FFFFFF !important;
}

/* Left-align with QL/BI icons (stock navbar pad 10px) */
.navbar {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

#nav-main,
#nav-breadcrumbs,
#nav-footer {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

#nav-main > li:first-child,
#nav-breadcrumbs > li.breadcrumbs,
#nav-footer > li:first-child,
#nav-footer > li.breadcrumbs {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

#nav-main > li:first-child > a,
#nav-breadcrumbs .crumb:first-child > a,
#nav-footer .crumb:first-child > a,
#nav-footer > li:first-child > a {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.navbar .breadcrumbs .crumb:first-child:before {
	content: none !important;
	padding: 0 !important;
	width: 0 !important;
}

/* Readable Quick-links dropdown (MCP etc.) */
#quick-links .dropdown-contents a,
#quick-links .dropdown-contents .icon,
#quick-links .dropdown-contents span {
	color: #121417 !important;
}


.headerbar .header-banner,
.headerbar .mobile-header-banner,
.banner-header {
	border-radius: 0 !important;
}

/* Always use the desktop banner (cropped full-width image). Never show the
 * separate mobile banner (full uncropped image) — same asset at all widths. */
.headerbar .mobile-header-banner {
	display: none !important;
}
.headerbar .header-banner {
	display: block !important;
}
.headerbar .header-banner img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

/* ------------------------------------------------------------------
 * All navbars → classic M dark/violet blue + white text
 * Board-index bar only: red bottom stripe (classic M red)
 * ------------------------------------------------------------------ */
.navbar {
	background-color: #2B1C6B !important;
	background-image: none !important;
	color: #FFFFFF !important;
	border-radius: 0 !important;
	margin-top: 0 !important;
	/* stock prosilver padding/height — do not force bar height */
}

/* White only on bar chrome — NOT inside dropdown menus (those are light panels) */
.navbar > .inner > ul > li > a,
.navbar > .inner > ul > li > a > .icon,
.navbar > .inner > ul > li > a > span,
.navbar > .inner > ul > li > .header-profile > a,
.navbar > .inner > ul > li > .header-profile > a > span,
.navbar .breadcrumbs > .crumb > a,
.navbar .breadcrumbs > .crumb > a > .icon,
.navbar .breadcrumbs > .crumb > a > span,
.navbar .breadcrumbs .crumb a,
.navbar .breadcrumbs .crumb a .icon,
.navbar .breadcrumbs .crumb a span {
	color: #FFFFFF !important;
}

.navbar > .inner > ul > li > a:hover,
.navbar > .inner > ul > li > a:hover > .icon,
.navbar > .inner > ul > li > a:hover > span,
.navbar .breadcrumbs .crumb a:hover,
.navbar .breadcrumbs .crumb a:hover .icon,
.navbar .breadcrumbs .crumb a:hover span {
	color: #E8F0FA !important;
}

/* Quick-links / profile / notification dropdowns: dark text on light panel */
.navbar .dropdown,
.navbar .dropdown-contents,
.navbar .dropdown-extended {
	color: #121417 !important;
}

.navbar .dropdown a,
.navbar .dropdown .icon,
.navbar .dropdown span,
.navbar .dropdown-contents a,
.navbar .dropdown-contents .icon,
.navbar .dropdown-contents span,
.navbar .dropdown li,
.navbar .dropdown li a,
.navbar .dropdown-contents li a {
	color: #121417 !important;
}

.navbar .dropdown a:hover,
.navbar .dropdown-contents a:hover,
.navbar .dropdown li a:hover,
.navbar .dropdown-contents li a:hover {
	color: #D52B1E !important;
	background-color: #E8EDF1 !important;
}

.navbar .dropdown .dropdown-contents,
.navbar .dropdown-contents {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: 1px solid #B0B5BC !important;
	color: #121417 !important;
	box-shadow: none !important;
}

.navbar .dropdown .pointer-inner {
	border-color: #FFFFFF transparent !important;
}

.navbar .dropdown li.separator {
	border-color: #D5D8DC !important;
}

/* Search: white field, light-blue button on dark navbar */
.navbar .search-box .inputbox,
.navbar .search-box input.inputbox {
	background-color: #FFFFFF !important;
	color: #1A1A1A !important;
	border-color: #FFFFFF !important;
}

.navbar .search-box .button,
.navbar .search-box button {
	background-color: #0066B3 !important;
	background-image: none !important;
	color: #FFFFFF !important;
	border-color: #004A82 !important;
}

.navbar .search-box .button .icon,
.navbar .search-box button .icon {
	color: #FFFFFF !important;
}


/* Search: white field, light-blue button on dark navbar */
.navbar .search-box .inputbox,
.navbar .search-box input.inputbox {
	background-color: #FFFFFF !important;
	color: #1A1A1A !important;
	border-color: #FFFFFF !important;
}

.navbar .search-box .button,
.navbar .search-box button {
	background-color: #0066B3 !important;
	background-image: none !important;
	color: #FFFFFF !important;
	border-color: #004A82 !important;
}

.navbar .search-box .button .icon,
.navbar .search-box button .icon {
	color: #FFFFFF !important;
}

/*
 * Kill white separator between quick-links navbar and board-index navbar.
 * Stock colours.css: ul.navlinks { border-top-color: #FFFFFF; }
 */
.navbar + .navbar {
	margin-top: 0 !important;
	border-top: none !important;
	box-shadow: none !important;
}

.navbar ul.navlinks,
#nav-breadcrumbs,
ul.navlinks {
	border-top: none !important;
	border-top-width: 0 !important;
	border-top-color: transparent !important;
}

/*
 * Red bottom stripe (classic M red): board-index bar + footer navbar.
 * Quick-links bar (#nav-main) has no red stripe.
 */
/* Board-index navbar: red bottom stripe only */
.navbar:has(#nav-breadcrumbs),
#page-header .navbar:has(#nav-breadcrumbs),
body .navbar:has(ul#nav-breadcrumbs) {
	border-bottom: 6px solid #D52B1E !important;
	box-sizing: border-box !important;
}

/*
 * Footer navbar: light-blue top + red bottom stripes (6px).
 * Spacing only — no float/display/overflow overrides (stock + responsive collapse).
 */
.navbar:has(#nav-footer),
#page-footer .navbar,
.page-footer .navbar {
	border-top: 6px solid #0066B3 !important;
	border-bottom: 6px solid #D52B1E !important;
	box-sizing: border-box !important;
	/* match header menu optical pad */
	padding: 3px 10px 5px 10px !important;
	line-height: 1.2 !important;
}

/* Item gaps: restore stock-like horizontal spacing (was zeroed → jumbled rightside) */
#page-footer .navbar ul.linklist > li,
.page-footer .navbar ul.linklist > li,
.navbar:has(#nav-footer) ul.linklist > li {
	margin-right: 10px !important;
	margin-left: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.2 !important;
	font-size: 13px !important;
}

#page-footer .navbar ul.linklist > li.rightside,
.page-footer .navbar ul.linklist > li.rightside,
.navbar:has(#nav-footer) ul.linklist > li.rightside {
	margin-right: 0 !important;
	margin-left: 10px !important;
}

#page-footer .navbar ul.linklist > li > a,
.page-footer .navbar ul.linklist > li > a,
.navbar:has(#nav-footer) ul.linklist > li > a {
	line-height: 1.2 !important;
	font-size: 13px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	vertical-align: middle !important;
}

#page-footer .navbar ul.linklist > li > a .icon,
#page-footer .navbar ul.linklist > li > a span,
.page-footer .navbar ul.linklist > li > a .icon,
.page-footer .navbar ul.linklist > li > a span {
	vertical-align: middle !important;
	line-height: 1.2 !important;
}


/* ------------------------------------------------------------------
 * Category / forum boxes + headers (NO M-stripes)
 * li.header → BMW light blue solid
 * ------------------------------------------------------------------ */
.forabg, .forumbg {
	background-color: #2B1C6B !important;
	background-image: none !important;
	padding: 0 !important;
	border: 1px solid #2B1C6B !important;
	box-sizing: border-box !important;
	margin-bottom: 3px !important;
	border-radius: 0 !important;
}

.forabg ul.topiclist li.row:last-child,
.forumbg ul.topiclist li.row:last-child,
.forabg ul.topiclist.forums li.row:last-child,
.forumbg ul.topiclist.topics li.row:last-child {
	border-bottom: none !important;
}

.forabg ul.topiclist.forums,
.forumbg ul.topiclist.topics,
.forabg .inner,
.forumbg .inner {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
/* Forum/topic folder icons: stock needs 52px left padding — never override smaller */
dl.row-item dt .list-inner {
	padding-left: 52px !important;
}


/* Category/topic headers — BMW dark blue solid (no M-stripes) */
.forabg li.header,
.forumbg li.header,
ul.topiclist li.header {
	background-color: #2B1C6B !important;
	background-image: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.forabg li.header dl,
.forumbg li.header dl,
ul.topiclist li.header dl {
	margin: 0 !important;
}

/* Caps + white text; stock floats for column alignment */
.forabg li.header dt,
.forabg li.header dd,
.forumbg li.header dt,
.forumbg li.header dd,
ul.topiclist li.header dt,
ul.topiclist li.header dd {
	color: #FFFFFF !important;
	text-transform: uppercase !important;
	/* slight lift over stock (reads small in Exo 2) */
	font-size: 1.15em !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0.35em !important;
	padding-bottom: 0.35em !important;
}

.forabg li.header a,
.forumbg li.header a,
ul.topiclist li.header a {
	color: #FFFFFF !important;
	text-transform: uppercase !important;
	font-size: inherit !important;
}

.forabg li.header a:hover,
.forumbg li.header a:hover,
ul.topiclist li.header a:hover {
	color: #E6F0F8 !important;
}

/*
 * Desktop: restore stock column geometry so TOPICS / POSTS / LAST POST
 * sit over their columns (not flush left), and indent header text from the edge.
 */
@media (min-width: 701px) {
	ul.topiclist li.header dt {
		float: left !important;
		display: block !important;
		width: 100% !important;
		margin-right: -440px !important;
		font-weight: bold !important;
	}

	ul.topiclist li.header dt .list-inner {
		margin-right: 440px !important;
		/* indent title text off the left edge of the blue header */
		padding-left: 12px !important;
		padding-right: 5px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
	}

	ul.topiclist.missing-column li.header dt {
		margin-right: -345px !important;
	}
	ul.topiclist.missing-column li.header dt .list-inner {
		margin-right: 345px !important;
		padding-left: 12px !important;
	}
	ul.topiclist.two-long-columns li.header dt {
		margin-right: -250px !important;
	}
	ul.topiclist.two-long-columns li.header dt .list-inner {
		margin-right: 250px !important;
		padding-left: 12px !important;
	}
	ul.topiclist.two-columns li.header dt {
		margin-right: -80px !important;
	}
	ul.topiclist.two-columns li.header dt .list-inner {
		margin-right: 80px !important;
		padding-left: 12px !important;
	}

	ul.topiclist li.header dd {
		float: left !important;
		display: block !important;
		border-left: 1px solid transparent !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	/* Match stock content.css column widths (95 + 95 + 250 = 440) */
	ul.topiclist li.header dd.topics,
	ul.topiclist li.header dd.posts,
	ul.topiclist li.header dd.views {
		width: 95px !important;
	}

	ul.topiclist li.header dd.lastpost,
	ul.topiclist li.header dd.redirect,
	ul.topiclist li.header dd.moderation,
	ul.topiclist li.header dd.time,
	ul.topiclist li.header dd.info {
		width: 250px !important;
		text-align: left !important;
	}

	ul.topiclist li.header dd.lastpost > span {
		display: block !important;
		padding-left: 5px !important;
	}

}

/* ------------------------------------------------------------------
 * Links (content) + flat buttons
 * ------------------------------------------------------------------ */
a { color: #2B1C6B !important; }
a:hover { color: #D52B1E !important; }

/* navbar bar links only (not dropdowns) — see scoped rules above */
.navbar > .inner > ul > li > a {
	color: #FFFFFF !important;
}
.forabg li.header a,
.forumbg li.header a,
ul.topiclist li.header a {
	color: #FFFFFF !important;
}

.forumbg .header a, .forabg .header a, th a { color: #FFFFFF !important; }

.button,
a.button,
button.button,
input.button,
a.button1, input.button1, input.button3,
a.button2, input.button2 {
	background-image: none !important;
	background-color: #E8EBEE !important;
	filter: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	text-shadow: none !important;
	border: 1px solid #B0B6BC !important;
	border-radius: 0 !important;
	color: #2B1C6B !important;
}

.button:hover,
.button:focus,
a.button:hover,
input.button:hover,
a.button1:hover, input.button1:hover,
a.button2:hover, input.button2:hover {
	background-image: none !important;
	background-color: #D5DCE3 !important;
	filter: none !important;
	border-color: #2B1C6B !important;
	color: #1A0F45 !important;
	text-shadow: none !important;
}

/* ------------------------------------------------------------------
 * Clean geometry (square corners, no soft shadows)
 * ------------------------------------------------------------------ */
.headerbar,
.navbar,
.forabg,
.forumbg,
.panel,
.post,
.cp-mini,
.rules {
	border-radius: 0 !important;
}

.search-header,
.search-box .inputbox,
.headerbar .search-header {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.button,
.button-search,
.button-search-end,
.pagination li a,
.pagination li span,
.tabs .tab > a,
.minitabs .tab > a,
.dropdown-extended .header,
.dropdown-contents,
.headerlink-link,
.sub-toggler,
.inputbox,
textarea.inputbox,
select {
	border-radius: 0 !important;
}

blockquote,
.codebox,
.attachbox,
.notice,
.panel-container .panel {
	border-radius: 0 !important;
}

.dropdown .dropdown-contents,
.dropdown-extended {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: 1px solid #C5CAD0 !important;
	border-radius: 0 !important;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background-image: none !important;
	/* colors set in content surfaces section */
}

.forabg, .forumbg, .panel, .post {
	margin-bottom: 3px !important;
}


/* ------------------------------------------------------------------
 * Header logo + title/subtitle: vertical alignment over banner
 * headerbanner.css uses padding-top only on the logo (misaligned).
 * ------------------------------------------------------------------ */
.banner-header #headerbanner_logo {
	float: none !important;
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	padding: 0 !important;
	margin: 0 !important;
	z-index: 2 !important;
	line-height: 0 !important;
	display: block !important;
}
.banner-header #headerbanner_logo .site_logo {
	display: block !important;
	vertical-align: middle !important;
	/* stock box is 149×52; visual icon is tighter — keep height, trim empty width */
	width: 56px !important;
	height: 52px !important;
	background-size: contain !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}
.banner-header #headerbanner_description {
	float: none !important;
	position: absolute !important;
	left: 12px !important;
	right: auto !important;
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	/* gap after icon: original headerbanner used 90px; 165px was too far */
	padding: 0 12px 0 72px !important;
	margin: 0 !important;
	max-width: calc(100% - 24px) !important;
	width: auto !important;
	box-sizing: border-box !important;
	z-index: 2 !important;
}
.banner-header #headerbanner_description h1 {
	margin: 0 0 0.08em 0 !important;
	padding: 0 !important;
	line-height: 1.15 !important;
}
.banner-header #headerbanner_description p:not(.skiplink) {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
}

/* ------------------------------------------------------------------
 * Mobile
 * ------------------------------------------------------------------ */
@media (max-width: 700px), (max-device-width: 700px) {
	.wrap,
	#wrap {
		padding-top: 0 !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		padding-bottom: 8px !important;
	}
	.headerbar,
	.navbar,
	.forabg,
	.forumbg,
	.panel,
	.post {
		margin-left: -8px !important;
		margin-right: -8px !important;
		width: auto !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
	.headerbar {
		margin-top: 0 !important;
	}

	/* Keep desktop banner only (do not swap to banner_small on mobile) */
	.headerbar .header-banner {
		display: block !important;
	}
	.headerbar .mobile-header-banner {
		display: none !important;
	}

	/*
	 * ≤700px: stock hides .logo (E28 roundel). Title/subtitle sit absolute over
	 * the banner — pin them high so they don't bleed into the headerlink bar.
	 */
	.banner-header #headerbanner_description {
		top: 6px !important;
		left: 8px !important;
		right: 8px !important;
		bottom: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		float: none !important;
		position: absolute !important;
		z-index: 2 !important;
		max-width: none !important;
		width: auto !important;
		box-sizing: border-box !important;
	}
	.banner-header #headerbanner_description h1 {
		margin: 0 0 0.1em 0 !important;
		padding: 0 !important;
		line-height: 1.1 !important;
	}
	.banner-header #headerbanner_description p:not(.skiplink) {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.2 !important;
	}

	/* Logo/title alignment: hide logo (stock), keep title top-pinned without center transform */
	.banner-header #headerbanner_logo {
		display: none !important;
		transform: none !important;
	}
	.banner-header #headerbanner_description {
		top: 6px !important;
		left: 8px !important;
		right: 8px !important;
		transform: none !important;
		padding: 0 8px !important;
		max-width: none !important;
	}

	/*
	 * Header menu bar height: tight, optically centered (not top-heavy).
	 * Do not set display on #headerlink / #sub-toggler (mode 2).
	 */
	.headerbar #headerlink-wrap {
		padding: 3px 10px 5px 10px !important;
		box-sizing: border-box !important;
		line-height: 1.2 !important;
		min-height: 0 !important;
	}
	.headerbar .headerlink-list-item {
		vertical-align: middle !important;
		line-height: 1.2 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
	}
	.headerbar .headerlink-link {
		padding: 0 !important;
		margin: 0 !important;
		margin-bottom: 0 !important;
		line-height: 1.2 !important;
		vertical-align: middle !important;
	}
	.headerbar .headerlink-link span,
	.headerbar .headerlink-link i,
	.headerbar .headerlink-link .icon {
		line-height: 1.2 !important;
		vertical-align: middle !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Hide column labels when stock hides columns */
	ul.topiclist li.header dd,
	.forabg ul.topiclist li.header dd,
	.forumbg ul.topiclist li.header dd,
	ul.topiclist dd {
		display: none !important;
	}
	ul.topiclist dd.mark {
		display: block !important;
	}
	ul.topiclist li.header dt,
	ul.topiclist li.header dt .list-inner {
		margin-right: 0 !important;
		width: 100% !important;
		text-align: center !important;
		text-transform: uppercase !important;
	}
}

@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background-color: #FFFFFF !important;
	}

	body {
		padding: 0 !important;
		margin: 0 !important;
	}

	.wrap,
	#wrap {
		border: none !important;
		box-shadow: none !important;
		margin: 0 auto !important;
		max-width: none !important;
		width: auto !important;
		padding: 0 8px 8px 8px !important;
		box-sizing: border-box !important;
	}

	#page-header,
	.headerbar {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.headerbar,
	.navbar,
	.forabg,
	.forumbg,
	.panel,
	.post,
	.cp-mini,
	.rules {
		box-shadow: none !important;
		border-radius: 0 !important;
		margin-left: -8px !important;
		margin-right: -8px !important;
		margin-bottom: 2px !important;
		box-sizing: border-box !important;
		/* auto width so -8px margins actually full-bleed (not 100% + margins) */
		width: auto !important;
		max-width: none !important;
	}

	/* Desktop banner full width of the bled bar (mobile asset stays hidden) */
	.headerbar .header-banner,
	.headerbar .header-banner img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
		box-sizing: border-box !important;
	}
	.headerbar .mobile-header-banner {
		display: none !important;
	}

	.headerbar {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		border: none !important;
	}

	.navbar,
	.panel,
	.post,
	.cp-mini,
	.rules {
		border: none !important;
	}

	.forabg,
	.forumbg {
		padding: 0 !important;
		border: 1px solid #2B1C6B !important;
	}

	ul.topiclist li.row {
		border-left: none !important;
		border-right: none !important;
		border-top-color: transparent !important;
	}

	ul.topiclist li.header dt,
	ul.topiclist li.header dd {
		text-transform: uppercase !important;
	}
}

/* Desktop/mobile: when columns collapsed (<=700) titles already handled above */


/* ------------------------------------------------------------------
 * Content surfaces — aluminum with higher contrast
 * Neutral silver stack, stronger zebra / borders than first pass.
 * ------------------------------------------------------------------ */

/* Page stays white; panels are clearly “metal plate” vs white posts */
.panel,
.panel-container .panel,
.cp-mini {
	background-color: #E6E8EC !important;
	background-image: none !important;
	color: #121417 !important;
	border: 1px solid #C5C9CF !important;
}

/* Alternating backgrounds — wider gap between light and dark silver */
.bg1,
table.zebra-list tr:nth-child(odd) td,
ul.zebra-list li:nth-child(odd) {
	background-color: #FFFFFF !important;
}

.bg2,
table.zebra-list tr:nth-child(even) td,
ul.zebra-list li:nth-child(even) {
	background-color: #E2E5E9 !important;
}

.bg3,
.ucprowbg,
.fieldsbg {
	background-color: #D3D7DD !important;
}

/* Topic/forum list body */
ul.forums,
ul.topics,
ul.topiclist.forums,
ul.topiclist.topics {
	background-color: #E9EBEE !important;
	background-image: none !important;
	filter: none !important;
}

/* Rows: stronger separators + clearer hover */
li.row {
	background-color: transparent !important;
	border-top-color: #FFFFFF !important;
	border-bottom-color: #B0B5BC !important;
}

ul.topiclist li.row:nth-child(odd) {
	background-color: #F7F8FA !important;
}

ul.topiclist li.row:nth-child(even) {
	background-color: #E2E5E9 !important;
}

li.row:hover,
ul.topiclist li.row:nth-child(odd):hover,
ul.topiclist li.row:nth-child(even):hover {
	background-color: #D0D7DE !important;
}

/* Posts: high-contrast zebra on aluminum */
.post {
	background-color: #FFFFFF !important;
	border: 1px solid #B8BDC4 !important;
	border-radius: 0 !important;
}

.post.bg1 {
	background-color: #FFFFFF !important;
}

.post.bg2 {
	background-color: #E2E5E9 !important;
}

.postprofile {
	color: #2A3138 !important;
	border-color: #B8BDC4 !important;
}

.postbody,
.content {
	color: #121417 !important;
}

/* Quotes / code */
blockquote {
	background-color: #E6E8EC !important;
	border-color: #A8AEB6 !important;
	border-left: 3px solid #2B1C6B !important;
}

blockquote blockquote {
	background-color: #D8DCE1 !important;
}

blockquote blockquote blockquote {
	background-color: #E6E8EC !important;
}

.codebox,
.attachbox {
	background-color: #F0F1F3 !important;
	border-color: #A8AEB6 !important;
}

/* Tables */
table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
	background-color: #D0D7DE !important;
}

table.table1 tbody td {
	border-top-color: #C5C9CF !important;
}

/* Jumpbox */
.jumpbox-forum-link,
.jumpbox-sub-link {
	background-color: #E2E5E9 !important;
}

.jumpbox-forum-link:hover,
.jumpbox-sub-link:hover {
	background-color: #B8C9DB !important;
}

/* UCP tabs: inactive = gray + dark blue; active = same gray as panel, red text only */
.tabs .tab > a {
	background: #D3D7DD !important;
	background-image: none !important;
	color: #2B1C6B !important;
	border-color: #B0B5BC !important;
	box-shadow: none !important;
}

.tabs .tab > a:hover {
	background: #D3D7DD !important;
	background-image: none !important;
	color: #D52B1E !important;
}

/* Active tab bg matches .panel plate (#E6E8EC); only red text marks active */
.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #E6E8EC !important;
	background-image: none !important;
	border-color: #B0B5BC !important;
	border-bottom-color: #E6E8EC !important; /* blend into panel below */
	color: #D52B1E !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	font-weight: 600 !important;
}

.minitabs .tab > a {
	background: #D3D7DD !important;
	background-image: none !important;
	color: #2B1C6B !important;
	border-radius: 0 !important;
}

.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background-color: #E6E8EC !important;
	background-image: none !important;
	color: #D52B1E !important;
	box-shadow: none !important;
}

.navigation a {
	background: #D3D7DD !important;
	background-image: none !important;
	color: #121417 !important;
}

.navigation a:hover {
	background: #C0C5CC !important;
	background-image: none !important;
}

.navigation .active-subsection a {
	background: #FFFFFF !important;
	background-image: none !important;
}

/* Search results hover */
.search-results li:hover,
.search-results li.active {
	background-color: #D0D7DE !important;
}

/* Pagination */
.pagination li a {
	background: #E2E5E9 !important;
	background-image: none !important;
	border-color: #A8AEB6 !important;
	color: #2B1C6B !important;
}

/* Inputs */
select,
.inputbox {
	background-color: #FFFFFF !important;
	border-color: #A8AEB6 !important;
	color: #121417 !important;
}

.panel-container .panel {
	background-color: #E9EBEE !important;
}

.cp-main .pm {
	background-color: #FFFFFF !important;
}

/* Topic list text a touch darker for legibility on silver */
ul.topiclist li {
	color: #2A3138 !important;
}

ul.topiclist li.row a.topictitle,
ul.topiclist li.row a.forumtitle {
	color: #1A0F45 !important;
}

ul.topiclist li.row a.topictitle:hover,
ul.topiclist li.row a.forumtitle:hover {
	color: #D52B1E !important;
}

/* ------------------------------------------------------------------
 * Prosilver reds → BMW red (#D52B1E)
 * Replaces stock #D31141, #BC2A4D, and magenta poll ramp.
 * ------------------------------------------------------------------ */

/* Link hover (stock #D31141) — not on navbars/headers (more specific rules win) */
a:hover {
	color: #D52B1E !important;
}
.navbar > .inner > ul > li > a:hover,
.navbar > .inner > ul > li > a:hover > .icon,
.navbar > .inner > ul > li > a:hover > span {
	color: #E8F0FA !important;
}
.navbar .dropdown a:hover,
.navbar .dropdown-contents a:hover {
	color: #D52B1E !important;
}
.forabg li.header a:hover,
.forumbg li.header a:hover,
ul.topiclist li.header a:hover {
	color: #E6F0F8 !important;
}
.headerbar .headerlink-link:hover,
.headerbar .headerlink-link:hover span,
.headerbar .headerlink-link:hover i,
.headerbar .headerlink-link:hover .icon {
	color: #FFFFFF !important;
}

/* Errors, warnings, red icons (stock #BC2A4D) */
.error,
.icon.icon-red,
a:hover .icon.icon-red,
.icon-red,
dd.profile-warnings,
.posthilit {
	color: #D52B1E !important;
}

.posthilit {
	background-color: #FCE9E6 !important;
}

/* Reported posts / rules (stock pink + #BC2A4D) */
.reported {
	background-color: #FCE9E6 !important;
}
li.reported:hover {
	background-color: #F0C4BE !important;
}
div.rules,
p.post-notice {
	background-color: #FCE9E6 !important;
	color: #D52B1E !important;
	background-image: none !important;
}

/* UCP/MCP chrome that used #D31141 */
.tabs .tab > a:hover {
	color: #D52B1E !important;
}
.responsive-tab .responsive-tab-link:hover:before {
	border-color: #D52B1E !important;
}
.navigation a:hover,
.navigation .active-subsection a,
.navigation .active-subsection a:hover {
	color: #D52B1E !important;
}

/* PM reported edges */
.pmlist li.pm_message_reported_colour,
.pm_message_reported_colour {
	border-left-color: #D52B1E !important;
	border-right-color: #D52B1E !important;
}

/* Form button red accents (stock) */
a.button1:hover, input.button1:hover, input.button3:hover,
a.button2:hover, input.button2:hover,
a.button1:focus, input.button1:focus, input.button3:focus,
a.button2:focus, input.button2:focus {
	border-color: #D52B1E !important;
	color: #D52B1E !important;
}

/* Dropdown header / misc stock red chips */
.dropdown-extended .header,
.notification_list p.notification-time {
	/* no-op unless red */
}

/* Poll bars: stock magenta ramp → BMW red ramp */
.pollbar1 {
	background-color: #7A1812 !important;
	border-bottom-color: #5C120E !important;
	border-right-color: #5C120E !important;
}
.rtl .pollbar1 { border-left-color: #5C120E !important; border-right-color: transparent !important; }

.pollbar2 {
	background-color: #A81F16 !important;
	border-bottom-color: #7A1812 !important;
	border-right-color: #7A1812 !important;
}
.rtl .pollbar2 { border-left-color: #7A1812 !important; border-right-color: transparent !important; }

.pollbar3 {
	background-color: #D52B1E !important;
	border-bottom-color: #A81F16 !important;
	border-right-color: #A81F16 !important;
}
.rtl .pollbar3 { border-left-color: #A81F16 !important; border-right-color: transparent !important; }

.pollbar4 {
	background-color: #E03E30 !important;
	border-bottom-color: #D52B1E !important;
	border-right-color: #D52B1E !important;
}
.rtl .pollbar4 { border-left-color: #D52B1E !important; border-right-color: transparent !important; }

.pollbar5 {
	background-color: #E85A4E !important;
	border-bottom-color: #E03E30 !important;
	border-right-color: #E03E30 !important;
}
.rtl .pollbar5 { border-left-color: #E03E30 !important; border-right-color: transparent !important; }

/* Live search / mark colours that used red text */
.live-search li:hover,
mark, .mark {
	/* leave mark generic */
}

/* Contact icons / rate — stock red accents */
.icon.icon-red:before {
	color: #D52B1E !important;
}

/* Notification + badge stock red (#D31141) */
li.notification-reported strong,
li.notification-disapproved strong {
	color: #D52B1E !important;
}

.badge,
strong.badge {
	background-color: #D52B1E !important;
	color: #FFFFFF !important;
}

/* Mobile: category header titles centered in the blue bar */
@media (max-width: 700px), (max-device-width: 700px) {
	.forabg li.header,
	.forumbg li.header,
	ul.topiclist li.header {
		text-align: center !important;
		display: block !important;
	}

	.forabg li.header dl,
	.forumbg li.header dl,
	ul.topiclist li.header dl {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0.5em 8px !important;
		text-align: center !important;
		float: none !important;
		box-sizing: border-box !important;
	}

	.forabg li.header dt,
	.forumbg li.header dt,
	ul.topiclist li.header dt {
		float: none !important;
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
	}

	.forabg li.header dt .list-inner,
	.forumbg li.header dt .list-inner,
	ul.topiclist li.header dt .list-inner {
		float: none !important;
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
	}

	.forabg li.header dt .list-inner a,
	.forumbg li.header dt .list-inner a,
	ul.topiclist li.header a {
		display: inline !important;
		text-align: center !important;
		float: none !important;
	}
}

/* Timezone sits with Privacy | Terms in copyright row (not footer navbar) */
#page-footer .copyright .footer-timezone {
	font-size: inherit;
	font-weight: normal;
	opacity: 0.9;
}

/* Footer: hide powered-by credit and ACP link (template also omits them) */
#page-footer .footer-copyright,
#page-footer .copyright .footer-row:has(.footer-copyright),
#page-footer .copyright a.footer-link.text-strong,
#page-footer a.footer-link.text-strong[href*="adm"] {
	display: none !important;
}
/* collapse empty rows left behind */
#page-footer .copyright > .footer-row:empty {
	display: none !important;
}

/* ------------------------------------------------------------------
 * Stock phpBB attach / plupload (blobuploader inherits .panel/.button
 * from this theme — no extension-specific palette needed)
 * ------------------------------------------------------------------ */
#attach-panel,
#attach-panel .panel,
.file-list-container,
#file-list-container {
	border-radius: 0 !important;
	box-shadow: none !important;
	background-image: none !important;
}

#attach-panel {
	background-color: #D3D7DD !important;
	border: 1px solid #B0B5BC !important;
}

#attach-panel .button2,
#attach-panel input.button2,
#add_files,
.file-delete,
.file-inline-bbcode {
	border-radius: 0 !important;
	background-image: none !important;
	box-shadow: none !important;
}

.file-progress {
	background-color: #C5C9CF !important;
	border-radius: 0 !important;
}

.file-progress-bar,
.file-total-progress-bar {
	background-color: #0066B3 !important;
	border-radius: 0 !important;
}

.file-total-progress {
	background-color: #C5C9CF !important;
}

/* Blobuploader explain: classic M light blue banner, content-sized type */
.blobuploader-panel {
	border-radius: 0 !important;
}
.blobuploader-panel .notice,
.blobuploader-panel p.blobuploader-explain {
	border: none !important;
	border-top: none !important;
	border-radius: 0 !important;
	background-color: #0066B3 !important;
	background-image: none !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
	font-size: 1em !important; /* match default content / .notice */
	line-height: 1.4 !important;
	text-align: center !important;
	padding: 4px 10px !important; /* half prior 8px vertical */
	margin: 3px 0 !important;
	box-shadow: none !important;
}
.blobuploader-panel .notice a,
.blobuploader-panel p.blobuploader-explain a {
	color: #FFFFFF !important;
	text-decoration: underline !important;
	font-weight: normal !important;
	font-size: inherit !important;
}