/* === Grundläggande layout och bakgrund === */


body,
.container,
.main,
.content,
.panel,
.card,
.well,
.box,
.sidebar,
.footer,
.footer-container,
.loginContainer,
.centralizeContent,
.feedContainer,
.leftPane,
.rightPane,
.topPane,
.header,
.body,
.postHolder,
div.news,
div.content {
	background-color: #1e1e1e !important;
	color: #f0f0f0 !important;
}

/* === Rubriker och text === */
h1, h2, h3, h4, h5, h6,
p, span, td, th, li {
	color: #f0f0f0 !important;
}

/* === Länkar === */
a {
	color: #7ab0ff !important;
}

a:hover {
	color: #ffcc66 !important;
}

/* === Inputs och formulärfält === */
input,
textarea,
select,
button,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="submit"],
input[type="button"] {
	background-color: #2a2a2a !important;
	color: #ffffff !important;
	border: 1px solid #555 !important;
}

input::placeholder {
	color: #bbb !important;
}

/* === Loginbox / auth-form === */
#loginBox,
.login-box,
.login-container,
#login,
.login {
	background-color: #2a2a2a !important;
	color: #f0f0f0 !important;
}

/* === Login-knappar === */
.loginBtn,
button[type="submit"] {
	background-color: #333 !important;
	color: #fff !important;
	border: 1px solid #666 !important;
}

.loginBtn:hover,
button[type="submit"]:hover {
	background-color: #444 !important;
}

/* === Tabeller (highscores, etc) === */
table,
tr,
td,
th {
	background-color: #2a2a2a !important;
	color: #f0f0f0 !important;
	border: 1px solid #444 !important;
}

/* === Nyhetssektioner === */
.news-body,
.news-title,
.news-content,
.news-box {
	background-color: #2a2a2a !important;
	color: #f0f0f0 !important;
	border-color: #444 !important;
}

/* === Eventrutor & headers i panels === */
.rightPane .well .header,
.header, .header h1 {
	color: #ffcc66 !important;
}

/* === Countdown timer === */
#countDownTimer {
	color: #e0e0e0 !important;
}

/* === Sociala medier ikoner === */
.smedia i {
	color: #ccc !important;
	font-size: 20px;
}

.smedia i:hover {
	color: #ffcc66 !important;
}

/* ===== WIKI / ARTICLE DARK PATCH – ADD AT THE VERY END ===== */

/* Huvudblock i wiki-sidorna */
.ak-main-container,
.ak-main-content,
.ak-main-page,
.ak-container,
.ak-panel,
.ak-page-menu,
.ak-category-infos,
.ak-panel-content,
.ak-panel-stack,
.ak-payments-process-choice,
.ak-block-shop,
.ak-title-container,
.ak-panel-blue:not(.keep-blue-bg) {     /* behåll blå header */
    background-color:#1e1e1e !important;
    color:#f0f0f0 !important;
}

/* Tabeller inne i wiki-artikeln */
.ak-table,
.ak-ladder,
.ak-table tr,
.ak-table td,
.ak-table th {
    background:#2a2a2a !important;
    color:#f0f0f0 !important;
    border:1px solid #444 !important;
}

/* Menylänkar: behåll blå hover */
.ak-page-menu a       { color:#7ab0ff !important; }
.ak-page-menu a:hover { color:#ffcc66 !important; }

/* =======================================================
   🩹  SERVER-INFO & NEWS – sista vita blocken
   ======================================================= */

/* 1) Server information-panelen */
.ak-category-infos,
.ak-panel-content                /* generella panel-content-klassen */
{
    background-color: var(--dm-surface) !important;
    color:            var(--dm-text)    !important;
    border-color:     var(--dm-border)  !important;
}

/* 2) Nyhetslistor (Latest News på startsidan m.m.) */
.news,
.news-item,
.news-box,
.ak-news,
.latest-news,
.news-body,
.news-content {
    background-color: var(--dm-surface) !important;
    color:            var(--dm-text)    !important;
    border-color:     var(--dm-border)  !important;
}

/* Titelraden i varje nyhetskort (behåll blå länk) */
.news-title,
.news-title a {
    color: var(--dm-accent) !important;
}

/* 3) Om några <td> / <th> i news-tabeller fortfarande blir vita */
.news table,
.news table td,
.news table th {
    background-color: var(--dm-surface) !important;
    color:            var(--dm-text)    !important;
    border-color:     var(--dm-border)  !important;
}

/* 1) Core containers & panels */
.container,
.ak-container,
.ak-main-container,
.ak-panel,
.ak-panel-stack,
.ak-category-infos,
.ak-panel-content,
.ak-payments-process-choice,
.news-item,
.news-box,
table,
.ak-table,
.ak-ladder,
table.ak-responsivetable,
.auction-overlay {
  background-color: var(--dm-surface) !important;
  color:            var(--dm-text)    !important;
  border:           1px solid var(--dm-border) !important;
}

/* 2) Exclude any element that explicitly uses its own background-image */
*[style*="background-image"],
[class*="bg-image"],
.ak-panel-blue {
  background-color: transparent !important;
  background-image: inherit     !important;
  /* leave text alone, your existing rules handle color */
}

/* 3) Tables get zebra-striping for readability */
.ak-table tr:nth-child(odd),
.ak-ladder tr:nth-child(odd),
table.ak-responsivetable tr:nth-child(odd) {
  background-color: #262626 !important;
}

/* 4) Headlines & links inside those panels keep your accent */
.news-title,
.news-title a,
.ak-page-menu a {
  color: var(--dm-accent) !important;
}
.news-title a:hover,
.ak-page-menu a:hover {
  color: var(--dm-accent-h) !important;
}

/* 5) Catch any inline white backgrounds you still miss */
*:not([style*="background-image"])[style*="background:#fff"],
*:not([style*="background-image"])[style*="background: #fff"],
*:not([style*="background-image"])[style*="background-color:#fff"],
*:not([style*="background-image"])[style*="background-color: #fff"] {
  background-color: var(--dm-surface) !important;
  color:            var(--dm-text)    !important;
}

/* ============================================================
   🔥 EXTENSION — DARKEN PAGE‐LEVEL CONTENT WRAPPERS
   — keeps only your background-image intact, darkens the “white 
     box” around every blue header/panel on all pages
   ============================================================ */

/* 1) Target the container directly under the page header */
.ak-main-page > .ak-container,
.ak-main-page > .container,
.ak-main-page > .ak-container > .ak-panel {
  background-color: var(--dm-surface) !important;
  color:            var(--dm-text)    !important;
}

/* 2) Wiki pages use a “main-center” wrapper */
.ak-container.ak-main-center,
.ak-main-page .ak-container.ak-main-center {
  background-color: var(--dm-surface) !important;
  color:            var(--dm-text)    !important;
}

/* 3) “Deaths”, “Top Players”, “Powergamers”, “Online Players”, etc. */
/*    all share the same outer “ak-panel" wrapper */
.ak-panel {
  background-color: var(--dm-surface) !important;
}

/* 4) If you spot any other white frame, add its class here: */
/* .your-whitelist-class, .another-class { …same rules… } */

.ak-item {
    background-color: #2a2a2a !important;  /* Lite ljusare grå */
    color: #f0f0f0 !important;
}

.ak-item-mid {
    background-color: #1e1e1e !important;  /* Mörkaste sektionen */
    color: #f0f0f0 !important;
}

.ak-panel-content {
    background-color: #252525 !important;  /* Mörkgrå, mellan */
    color: #f0f0f0 !important;
}

.ak-intro {
    background-color: #2f2f2f !important;  /* Något ljusare än övriga */
    color: #f0f0f0 !important;
}

.ak-item,
.ak-item-mid,
.ak-panel-content,
.ak-intro {
    border-radius: 6px;
    padding: 10px;
}

/* Mörk bakgrund på själva korten */
.ak-item-list .ak-item,
.ak-item-list .ak-column,
.ak-item-list .ak-content,
.ak-item-list .ak-panel,
.ak-item-list .ak-card,
.ak-item-list .panel,
.ak-item-list .item-box,
.ak-item-list .item {
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
    color: #f0f0f0 !important;
}

/* Även fallback för vanliga boxar */
.item-box,
.item-card,
.panel,
.card,
.ak-panel-content {
    background-color: #2a2a2a !important;
    color: #f0f0f0 !important;
    border: 1px solid #444 !important;
}

/* Ändra grå beskrivningstext */
.item-box .description,
.item-card .description,
.item-card p,
.item-box p {
    color: #cccccc !important;
}

/* Justera vikt/fottext */
.item-box small,
.item-box .footer,
.item-card small {
    color: #999 !important;
}

/* ==== Grunder ==== */
body,
.main,
.panel,
.panel-body,
.panel-heading,
.card,
.card-body,
.box,
.ak-panel-content,
.ak-item,
.ak-item-mid,
.ak-intro {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
}

/* ==== Mörka nyanser för variation ==== */
.bg-dark-1 { background-color: #1e1e1e !important; }
.bg-dark-2 { background-color: #252525 !important; }
.bg-dark-3 { background-color: #2e2e2e !important; }

.text-light     { color: #f0f0f0 !important; }
.text-dimmed    { color: #bbbbbb !important; }
.text-muted     { color: #999999 !important; }

a,
a:visited {
    color: #a0c5ff !important;
}
a:hover {
    color: #ffcc66 !important;
}

/* ==== Rubriker ==== */
h1, h2, h3, h4, h5, h6,
.panel-title,
.ak-title,
.character-title,
.section-title,
.card-title {
    color: #f0f0f0 !important;
}

/* ==== Tabellen (t.ex. highscores & equipped items) ==== */
table,
table tr,
table td,
table th {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
    border-color: #333 !important;
}

/* ==== Inputs, dropdowns och sökfält ==== */
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    background-color: #2b2b2b !important;
    color: #f0f0f0 !important;
    border: 1px solid #444 !important;
}

/* ==== Modal-fönster eller specialboxar ==== */
.modal-content,
.well {
    background-color: #252525 !important;
    color: #f0f0f0 !important;
}

/* ==== Buttons ==== */
.btn,
button,
input[type="submit"] {
    background-color: #333 !important;
    color: #f0f0f0 !important;
    border: 1px solid #555 !important;
}
.btn:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #444 !important;
    color: #fff !important;
}

/* ==== Fix för "top 1"-namn (t.ex. grön färg) ==== */
.toprank-1 { color: #7CFC00 !important; }  /* Lysande grön */
.toprank-2 { color: #C0C0C0 !important; }  /* Silver */
.toprank-3 { color: #CD7F32 !important; }  /* Brons */

/* ==== Övrigt ==== */
.border-light {
    border: 1px solid #444 !important;
}


.ak-panel-title,
.ak-title,
.sidebar .header,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar .character-name,
.sidebar .account-name {
    color: #f0f0f0 !important; /* Ljus text */
    text-shadow: none !important; /* Ta bort ev. mörk skugga */
}

/* Ljusa upp användarnamnet */
.sidebar .account-name,
.sidebar .character-name,
.sidebar .name,
.account-name,
.character-name {
    color: #f0f0f0 !important;         /* Ljus textfärg */
    text-shadow: none !important;     /* Ta bort mörk skugga */
    font-weight: bold;                /* Frivilligt för extra tydlighet */
}

/* Generell fix för ljusa fält */
.news-block,
.news-content,
.news-text,
.news-article,
.news-body,
.inner-box,
.box-content,
.box,
.container,
.content,
.well,
.panel,
.body,
#main,
#content,
#news,
.character-box,
.character-info,
.character-content {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
}

/* Grundläggande mörk bakgrund för ak-container och andra element */
.ak-container,
.ak-main-content,
.ak-main-page,
.ak-panel,
.ak-panel-content,
.ak-panel-stack,
.ak-panel-title,
.ak-intro,
.panel-main,
.ak-responsivetable-wrapper,
.ak-title-container,
.character-outfit {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
}

/* Även för direkt inline-style-element */
div[style*="background:#f7f7f7"],
div[style*="background-color:#f7f7f7"],
div[style*="background:#fff"],
div[style*="background-color:#fff"],
div[style*="background:#ffffff"],
div[style*="background-color:#ffffff"] {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
}

/* Fix för panel-titlar och tabeller */
.ak-panel-title,
.ak-table td,
.ak-table th {
    background-color: #2a2a2a !important;
    color: #f0f0f0 !important;
}

/* Gör även knappar mer darkmode-vänliga */
.btn-info {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ddd !important;
}

.ak-item-elt-content,
.ak-item-elt-inner,
.ak-item-elt-desc,
.ak-item-elt-desc p {
    background-color: #1e1e1e !important; /* mörk bakgrund */
    color: #f0f0f0 !important;           /* ljus text */
    border-color: #2c2c2c !important;    /* ev. gränser */
}

.ak-item-elt,
.ak-item-list,
.ak-list-paginated,
.ak-panel-content {
    background-color: transparent !important;
    color: #f0f0f0 !important;
}

/* === NYHETSBOXAR === */
.ak-item-elt {
    background-color: #181818 !important;
    color: #f0f0f0 !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
    padding: 18px;
    margin-bottom: 25px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    transition: background 0.3s ease;
}

/* === Varannan nyhetsruta får annan stil för kontrast === */
.ak-item-list .col-sm-12:nth-child(even) .ak-item-elt {
    background-color: #111c2a !important; /* Mörkblå ton */
    border: 1px solid #204060 !important;
}

.ak-item-list .col-sm-12:nth-child(odd) .ak-item-elt {
    background-color: #1e1e1e !important; /* Standard mörkgrå */
    border: 1px solid #5c4033 !important; /* Brons-ram */
}

/* === RUBRIK & DATUM === */
.ak-item-elt-title a {
    color: #6ea0ff !important;
    font-size: 21px;
    font-weight: bold;
    text-shadow: 0 0 2px #000;
}

.ak-publication span {
    color: #ccc !important;
    font-size: 14px;
    font-style: italic;
}

/* === BESKRIVNINGSTEXT === */
.ak-item-elt-desc p {
    color: #e0e0e0 !important;
    font-size: 15px;
    line-height: 1.6;
}

/* === "READ MORE" länken === */
.ak-more {
    background-color: #072448;
    color: #ffffff !important;
    padding: 6px 12px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #5fa8d3;
    transition: all 0.2s ease-in-out;
}

.ak-more:hover {
    background-color: #0c375f;
    color: #ffcc66 !important;
    border-color: #ffcc66;
}


.ak-pagetop {
    background: transparent !important;
}

.ak-pagetop-child {
    max-width: 1140px; /* samma som bootstrap container */
    margin: 0 auto;
    padding: 0 15px;
}

.breadcrumb {
    background-color: transparent !important;
    border-radius: 0;
    margin-bottom: 0;
    padding: 10px 0;
    color: #ccc !important;
}

.breadcrumb a {
    color: #a0c5ff !important;
}

.breadcrumb a:hover {
    color: #ffcc66 !important;
}

.ak-pagetop-child {
    width: 100%;
    max-width: none; /* Släpp begränsning */
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #666; /* eller transparent vid behov */
    box-sizing: border-box;
}

/* Ta bort vit kant (border) och skugga runt block */
.ak-content-block,
.ak-content-block-content,
.ak-inner-block,
.ak-form-subscription,
.ak-first-links,
.ak-dl-game,
.ak-title-block,
.ak-header-block {
    background-color: #1e1e1e !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ta bort vit bakgrund i hela wrapper */
.ak-page-play,
.ak-main-container {
    background-color: #121212 !important;
    border: none !important;
}

/* Ta bort vit kant under "1 Create an Account", "2 Download Launcher" etc. */
.ak-title-block,
.ak-title-text {
    background-color: transparent !important;
    color: #f0f0f0 !important;
}

/* Registreringsformuläret */
.ak-registerform-container {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
}

/* Ta bort vit kant (border) och skugga runt block */
.ak-content-block,
.ak-content-block-content,
.ak-inner-block,
.ak-form-subscription,
.ak-first-links,
.ak-dl-game,
.ak-title-block,
.ak-header-block {
    background-color: #1e1e1e !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ta bort vit bakgrund i hela wrapper */
.ak-page-play,
.ak-main-container {
    background-color: #121212 !important;
    border: none !important;
}

/* Ta bort vit kant under "1 Create an Account", "2 Download Launcher" etc. */
.ak-title-block,
.ak-title-text {
    background-color: transparent !important;
    color: #f0f0f0 !important;
}

/* Registreringsformuläret */
.ak-registerform-container {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
}

/* Ta bort onödig toppmarginal och padding */
.ak-main-container,
.ak-page-play,
.ak-form-subscription,
.ak-first-links-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Justera formulär-blocken */
.ak-form-subscription {
    margin-bottom: 20px !important;
}

/* Komprimera höjd på sidblock */
.ak-dl-game,
.ak-first-links {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Minska mellanrum under "CREATE AN ACCOUNT" */
.ak-header-block {
    margin-bottom: 10px !important;
}

/* Justera layout så högerkolumn inte skapar glapp */
.ak-dl-game .ak-content-block-content {
    min-height: auto !important;
}

/* Ev. justering av huvudcontainer */
.ak-main-content {
    padding-top: 0 !important;
}

/* Gör bottenrutan under registerdelen snyggt blå */
.ak-page-play,
.ak-form-subscription,
.ak-dl-game,
.ak-first-links,
.ak-main-container {
    background: linear-gradient(to bottom, #0b1d39, #122f56, #0b1d39) !important;
}

/* Om du vill lägga in blå bakgrund under de tre informationsrutorna längst ner också */
.ak-first-links-container {
    background: linear-gradient(to bottom, #0c1e3c, #0b1d39) !important;
}

.ak-nav-links li.active a {
    border-bottom: 3px solid #2b76ff;
    color: #ffffff;
}