/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?v=3.3");
@import url("base.css?v=3.3");
@import url("utilities.css?v=3.3");
@import url("common.css?v=19");
@import url("links.css?v=3.3");
@import url("content.css?v=3.3");
@import url("buttons.css?v=3.3");
@import url("cp.css?v=3.3");
@import url("forms.css?v=3.3");
@import url("icons.css?v=3.3");
@import url("colours.css?v=3.3");
@import url("responsive.css?v=3.3");

/* XL Oldies Homepage Modern Dark Patch v2
   Homepage optisch näher an HLstatsX / StatsX Dashboard
   2026-06-12
*/

/* Hintergrund komplett vom alten Stoffbild lösen */
html,
body {
    background-color: #0b0f18 !important;
    background-image: none !important;
    color: #d8dee9 !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(124, 58, 237, 0.18), transparent 28%),
        radial-gradient(circle at 82% 15%, rgba(88, 169, 240, 0.10), transparent 30%),
        linear-gradient(135deg, #070a10 0%, #111827 45%, #090d14 100%) !important;
}

/* Weniger Abstand wie beim StatsX Dashboard */
body:not(.simple) {
    margin: 64px 0 36px 0 !important;
}

/* Gesamtbreite und Grundcontainer cleaner */
.wrap,
#wrap,
.page-footer,
#page-footer {
    background: transparent !important;
    box-shadow: none !important;
}

main,
main.main {
    background: #111827 !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.55) !important;
}

/* Header/Banner ohne alten Hintergrund */
.headerbar {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

.logo,
#logo {
    background: transparent !important;
}

#logo img {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    margin: 0 !important;
    box-shadow: 0 18px 42px rgba(0,0,0,0.42) !important;
}

/* Panels und Forenboxen dunkler / moderner */
.forabg,
.forumbg,
.panel,
.post,
.bg1,
.bg2,
.bg3,
ul.forums,
#recenttopicstop .bg1,
.forumbg .bg1,
.page-sidebar .forabg,
.page-sidebar .forumbg,
.page-sidebar .panel,
.stat-block,
#upcoming-birthdays .forums,
#lgsl .forums {
    background: #171b24 !important;
    background-image: none !important;
    color: #d8dee9 !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.32) !important;
}

/* Tabellen/Listen etwas näher an HLstatsX */
.forums dd.topics,
.forums dd.posts,
.forumbg .topics dd.posts,
.forums dd.lastpost,
.forumbg .topics dd.lastpost,
li.row,
li.row dd,
ul.topiclist li {
    background: #1b202b !important;
    color: #d8dee9 !important;
}

li.header dt,
li.header dd,
table.table1 thead th {
    color: #e5e7eb !important;
}

li.row,
li.row dd,
ul.topiclist dd,
table.table1 tbody tr,
table.table1 tbody td {
    border-color: rgba(255,255,255,0.06) !important;
}

li.row:hover,
li.row:hover dd,
table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
    background: rgba(124,58,237,0.18) !important;
    color: #ffffff !important;
}

/* Navbar moderner */
.navbar,
#page-header .navbar {
    background: linear-gradient(180deg, #1a1f2a 0%, #111827 52%, #0b0f18 100%) !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.55) !important;
}

#nav-main,
#nav-main.nav-main {
    background: transparent !important;
}

.navbar ul#nav-main li:not(#quick-links):not(.forum):not(.admin):not(.moderator):hover,
body[class*="index"] .navbar ul li#quick-links,
body[class*="index"] .navbar ul li.forum,
body[class*="news"] .navbar ul li.news,
body[class*="rules"] .navbar ul li.rules,
body[class*="memberlist"] .navbar ul li.memberlist,
body[class*="team"] .navbar ul li.team,
body[class*="history"] .navbar ul li.history {
    background: linear-gradient(90deg, #7c3aed 0%, #9333ea 100%) !important;
    color: #ffffff !important;
}

/* Links und Akzente */
a,
a:link,
a:visited,
.forumbg .header a,
.forabg .header a,
th a {
    color: #93c5fd !important;
}

a:hover,
.forumbg .header a:hover,
.forabg .header a:hover,
th a:hover {
    color: #c084fc !important;
    text-decoration: none !important;
}

/* Buttons lila wie StatsX */
.button,
a.button1,
a.button2,
input.button1,
input.button2,
input.button3,
.button-secondary,
.pagination li.active span {
    background: linear-gradient(90deg, #7c3aed 0%, #9333ea 100%) !important;
    border: 1px solid rgba(196,181,253,0.25) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(124,58,237,0.22) !important;
}

.button:hover,
a.button1:hover,
a.button2:hover,
input.button1:hover,
input.button2:hover,
input.button3:hover,
.pagination li a:hover {
    filter: brightness(1.12) !important;
    color: #ffffff !important;
}

/* Inputs / Suche */
.inputbox,
select,
textarea,
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
    background: #111827 !important;
    color: #e5e7eb !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 6px !important;
}

.inputbox:focus,
select:focus,
textarea:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 2px rgba(139,92,246,0.25) !important;
}

/* Link-Leiste unter Banner */
.xl-line a,
.stamm-link,
.gameme-link,
.steam-link,
.twitch-link,
.ts-link,
.sb-link {
    background: linear-gradient(180deg, #1f2937 0%, #111827 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    color: #e5e7eb !important;
}

.xl-line a:hover,
.stamm-link:hover,
.gameme-link:hover,
.steam-link:hover,
.twitch-link:hover,
.ts-link:hover,
.sb-link:hover {
    background: linear-gradient(90deg, #7c3aed 0%, #9333ea 100%) !important;
    box-shadow: 0 0 14px rgba(124,58,237,0.55) !important;
    border-color: rgba(196,181,253,0.35) !important;
}

/* Footer */
.copyright {
    background: linear-gradient(180deg, #111827 0%, #05070b 100%) !important;
    color: #9ca3af !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}