/* ============================================================
   RunePath Color Scheme Override
   Applied ON TOP of the existing style.css
   To remove: delete the <link> in header.php referencing this file
   ============================================================ */

/* -- Base backgrounds -- dark charcoal with gradient from header */
body {
	background: #0d1117 !important;
}
.wrapper {
	background: linear-gradient(to bottom, #000 0px, #0d1117 400px) !important;
}

/* -- Navigation bar -- */
.navigation {
	background: rgba(13, 17, 23, 0.95) !important;
	border-bottom: 1px solid #30363d !important;
}
.navigation__link span {
	color: #c9d1d9 !important;
}
.navigation__link:hover span,
.navigation__link span:hover {
	color: #c9aa71 !important;
}
.navigation__link i {
	color: #c9d1d9 !important;
}
.navigation__link:hover i {
	color: #c9aa71 !important;
}

/* -- Navigation dropdowns -- */
.navigation__drop-box-items {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.navigation__drop-box-items a {
	color: #8b949e !important;
}
.navigation__drop-box-items a:hover {
	color: #c9aa71 !important;
	background: rgba(201,170,113,0.08) !important;
}

/* -- Buttons -- */
.btn.yellow {
	background: linear-gradient(135deg, #c9aa71, #a8884d) !important;
	border: none !important;
}
.btn.yellow span {
	color: #0d1117 !important;
}
.btn.yellow:after,
.btn.yellow:before {
	display: none !important;
}

/* -- Hero logo -- prevent clipping on desktop */
.header .content-area:after {
	left: -75px !important;
	top: 30px !important;
	width: 450px !important;
	height: 293px !important;
	background-size: contain !important;
}

/* -- Header / Hero section -- keep original background, just match gradient to black */
.header__info-flag {
	color: #c9aa71 !important;
	border-color: rgba(201,170,113,0.3) !important;
	background: rgba(201,170,113,0.1) !important;
}
.header__info-title {
	color: #e6edf3 !important;
}
.header__info-text {
	color: #8b949e !important;
}
.header__info-text b {
	color: #c9d1d9 !important;
}

/* -- Server stat boxes -- keep original styling, just don't hide text */

/* -- Main content area -- */
.home-content {
	background: transparent !important;
}
.main-content {
	color: #c9d1d9 !important;
}

/* -- Tables (news, changelog, highscores, etc.) -- */
table {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
td, th {
	color: #c9d1d9 !important;
	border-color: rgba(48,54,61,0.4) !important;
}
tr.yellow td {
	color: #c9aa71 !important;
	background: rgba(201,170,113,0.06) !important;
	border-color: #30363d !important;
}
tr:nth-child(2n+1) {
	background: rgba(22,27,34,0.5) !important;
}

/* -- Links -- */
a {
	color: #c9aa71 !important;
}
a:hover {
	color: #dfc08a !important;
}

/* -- Sidebar -- */
.aside-content__title-text {
	color: #e6edf3 !important;
}
.aside-content__title-text span {
	color: #c9aa71 !important;
}

/* -- Bonuses -- */
.bonus {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.bonus:hover {
	border-color: #3d444d !important;
}
.bonus__title {
	color: #c9d1d9 !important;
}
.bonus__title span {
	color: #c9aa71 !important;
}

/* -- Footer -- */
.footer {
	background: #161b22 !important;
	border-top: 1px solid #30363d !important;
}
.footer:after {
	display: none !important;
}
.footer__cpr-title {
	color: #8b949e !important;
}
.footer__cpr-text {
	color: #636e7b !important;
}
.footer__cpr-text a {
	color: #8b949e !important;
}

/* -- Content blocks -- */
.global-desc__content {
	color: #c9d1d9 !important;
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.desc-changelog__block,
.desc-changelog__block p {
	color: #c9d1d9 !important;
}

/* -- HTS blocks -- */
.hts__block {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
}
.hts__block:after,
.hts__block:before {
	display: none !important;
}
.hts__block-title-big {
	color: #e6edf3 !important;
}
.hts__block-title-small {
	color: #636e7b !important;
}
.hts__block-desc {
	color: #8b949e !important;
}

/* -- Forms -- */
.global-form input,
.global-form select {
	background: #0d1117 !important;
	border: 1px solid #30363d !important;
	color: #c9d1d9 !important;
}
.global-form input:focus {
	border-color: #a8884d !important;
}

/* -- Scrollbar -- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3d444d; }

/* -- Download page -- */
/* When download page is present, make main-content take full width */
.main-content:has(.download-page) {
	width: 100% !important;
}
/* Hide sidebar on download page */
.main-content:has(.download-page) ~ .rightPane {
	display: none !important;
}
.main-content .download-page {
	max-width: 1300px !important;
	margin: 0 auto !important;
	padding: 20px !important;
	width: 100% !important;
}
.download-page .dl-hero {
	text-align: center !important;
	padding: 50px 20px 40px !important;
}
.download-page .dl-hero h1 {
	font-size: 32px !important;
	color: #c9aa71 !important;
	letter-spacing: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}
.download-page .dl-hero p {
	color: #8b949e !important;
	margin: 12px auto 28px !important;
	font-size: 15px !important;
	max-width: 420px !important;
	line-height: 1.5 !important;
}
.download-page .dl-btn {
	display: inline-block !important;
	background: linear-gradient(135deg, #c9aa71, #a8884d) !important;
	color: #0d1117 !important;
	padding: 20px 64px !important;
	border-radius: 8px !important;
	font-weight: bold !important;
	font-size: 20px !important;
	text-decoration: none !important;
	transition: transform 0.15s, box-shadow 0.15s !important;
	border: none !important;
}
.download-page .dl-btn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 16px rgba(201, 170, 113, 0.3) !important;
	color: #0d1117 !important;
}
.download-page .dl-btn i {
	color: #0d1117 !important;
	margin-right: 6px !important;
}
.download-page .dl-file-info {
	color: #636e7b !important;
	font-size: 13px !important;
	margin-top: 12px !important;
}
.download-page .dl-divider {
	border: none !important;
	border-top: 1px solid #30363d !important;
	margin: 0 60px !important;
	background: transparent !important;
}
.download-page .dl-steps {
	display: flex !important;
	gap: 40px !important;
	padding: 40px 60px !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	background: transparent !important;
	border: none !important;
}
.download-page .dl-step {
	flex: 1 !important;
	min-width: 150px !important;
	max-width: 220px !important;
	text-align: center !important;
}
.download-page .dl-step-number {
	width: 64px !important;
	height: 64px !important;
	border-radius: 50% !important;
	background: rgba(201, 170, 113, 0.12) !important;
	border: 2px solid rgba(201, 170, 113, 0.4) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 14px !important;
	color: #c9aa71 !important;
	font-size: 26px !important;
	font-weight: bold !important;
}
.download-page .dl-step-title {
	color: #e6edf3 !important;
	font-size: 16px !important;
	font-weight: bold !important;
}
.download-page .dl-step-desc {
	color: #8b949e !important;
	font-size: 13px !important;
	margin-top: 6px !important;
}
.download-page .dl-troubleshooting {
	padding: 40px 60px 50px !important;
}
.download-page .dl-troubleshooting h2 {
	color: #c9aa71 !important;
	font-size: 18px !important;
	font-weight: bold !important;
	margin-bottom: 20px !important;
	border: none !important;
	background: transparent !important;
}
.download-page .dl-trouble-card {
	background: #1c2128 !important;
	border: 1px solid #30363d !important;
	border-radius: 10px !important;
	padding: 28px !important;
}
.download-page .dl-trouble-card h3 {
	color: #e6edf3 !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	border: none !important;
	background: transparent !important;
}
.download-page .dl-trouble-card p {
	color: #8b949e !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	margin-bottom: 18px !important;
}
.download-page .dl-trouble-steps {
	display: flex !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
	background: transparent !important;
	border: none !important;
}
.download-page .dl-trouble-step {
	flex: 1 !important;
	min-width: 160px !important;
	background: #0d1117 !important;
	border: 1px solid #30363d !important;
	border-radius: 8px !important;
	padding: 20px !important;
	text-align: center !important;
}
.download-page .dl-trouble-label {
	color: #c9aa71 !important;
	font-size: 15px !important;
	font-weight: bold !important;
}
.download-page .dl-trouble-desc {
	color: #8b949e !important;
	font-size: 14px !important;
	margin-top: 6px !important;
}
.download-page .dl-trouble-desc span {
	color: #e6edf3 !important;
}

/* -- Discord widget -- */
.discord-widget .body {
	background: #2b2d31;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
}
.discord-widget iframe {
	display: block;
	border: none;
	border-radius: 0 0 4px 4px;
}

/* -- Selection -- */
::selection {
	background: rgba(201,170,113,0.25);
	color: #e6edf3;
}