/* ===============================
   DARK THEME GLOBAL - MORPHEUS
   (SAFE VERSION - HEADER OK)
================================ */

/* ===============================
   FUNDO GLOBAL
================================ */
html, body {
    background-color: #0b0b0b !important;
    color: #e0e0e0;
}

/* ===============================
   HEADER / TOPO (MANTÉM IMAGEM DO SM)
================================ */
header,
.header {
    background-color: transparent !important;
}

/* NÃO tocar no wrapper inteiro */
.wrapper {
    background-color: transparent !important;
}

/* ===============================
   CONTEÚDO PRINCIPAL
================================ */
main {
    background-color: #0b0b0b !important;
}

main > .container {
    background-color: transparent !important;
}

/* ===============================
   CONTAINERS GRANDES
================================ */
.container,
.content,
.section,
.page,
.page-content {
    background-color: transparent !important;
}

/* ===============================
   CARDS / PAINÉIS / BOXES
================================ */
.card,
.panel,
.box,
.widget,
.content-box,
.container-box {
    background-color: #111111 !important;
    color: #e0e0e0;
    border-color: #2a2a2a !important;
}

/* ===============================
   SIDEBAR / ROOMS / SERVIDOR
================================ */
.sidebar,
.server-info,
.rooms,
.server-box,
.widget-server {
    background-color: #111111 !important;
    color: #e0e0e0;
}

/* ===============================
   TABELAS (RANKINGS, RESETS)
================================ */
table {
    background-color: #111111 !important;
    color: #e0e0e0;
}

thead,
tbody,
tr,
td,
th {
    background-color: #111111 !important;
    color: #e0e0e0;
    border-color: #2a2a2a !important;
}

/* ===============================
   DIVISÕES / LINHAS
================================ */
hr,
.divider {
    border-color: #2a2a2a !important;
}

/* ===============================
   LINKS
================================ */
a {
    color: #4da3ff;
}

a:hover {
    color: #7bbcff;
}

/* ===============================
   CORREÇÕES IMPORTANTES MORPHEUS
================================ */

/* Remove fundos brancos escondidos */
.bg-white,
.bg-light {
    background-color: transparent !important;
}

/* Abas (IMPORTANTE / UPDATE / PROMOÇÕES) */
.nav-tabs .nav-link {
    background-color: #111111 !important;
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
}

.nav-tabs .nav-link.active {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Botões claros */
.btn-light {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}
/* =========================================
   FIX: NÃO COBRIR IMAGEM DO SM (HEADER)
========================================= */

/* Remove fundo e padding dos containers dentro do header */
header .container,
header .container-fluid,
header .row,
.header .container,
.header .container-fluid,
.header .row {
    background-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Garante que o banner use a largura total */
.header,
.header > .container,
.header > .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove qualquer sombra preta sobre a imagem */
.header,
.header * {
    box-shadow: none !important;
}




/* =====================================================
   FIX FINAL – MENUS BRANCOS (RANKINGS / VIP / PACOTES)
   NÃO AFETA O RESTO DO DARK THEME
===================================================== */

/* container */
.list-group {
    background: transparent !important;
}

/* itens padrão */
.list-group > .list-group-item,
.list-group > .list-group-item-action {
    background-color: #e6e6e6 !important;
    color: #111111 !important;
    border-color: #cccccc !important;
}

/* texto interno */
.list-group > .list-group-item *,
.list-group > .list-group-item-action * {
    color: #111111 !important;
}

/* hover */
.list-group > .list-group-item-action:hover {
    background-color: #d5d5d5 !important;
    color: #000000 !important;
}

/* ativo */
.list-group > .list-group-item.active,
.list-group > .list-group-item-action.active {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
}

/* texto ativo */
.list-group > .list-group-item.active *,
.list-group > .list-group-item-action.active * {
    color: #ffffff !important;
}

/* remove estado apagado */
.list-group > .list-group-item-action:not(.active) {
    opacity: 1 !important;
}

main {
    background-color: transparent !important;
}

main > .container,
main > .container-fluid {
    background-color: #0b0b0b !important;
}


/* ===== FOOTER MURISE - OVERRIDE TOTAL ===== */

footer.footer {
    background: rgba(0,0,0,0.5);
    padding: 3rem 0;
    text-align: center;
}

/* REMOVE LIMITE DO CONTAINER DO FOOTER */
footer.footer .container {
    max-width: none !important;
    width: 100% !important;
}

/* CONTROLE REAL DO LOGO */
footer.footer img {
    width: 100% !important;
    max-width: 500px !important; /* AQUI você controla tamanho */
    height: auto !important;
    display: block !important;
    margin: 0 auto 1.5rem auto !important;
}

/* TEXTO */
footer.footer p,
footer.footer span {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================
   FIX TEXTO PRETO EM RANKINGS / TABELAS
========================================= */

/* Texto de tabelas */
table,
table td,
table th,
.table,
.table td,
.table th {
    color: #e0e0e0 !important;
}

/* Cabeçalho da tabela */
table thead th {
    color: #ffffff !important;
}

/* Linhas */
table tbody tr {
    background-color: transparent !important;
}

/* Links (nomes de personagens) */
table a {
    color: #4da3ff !important;
}

table a:hover {
    color: #7bbcff !important;
}


/* =========================================
   TOP CLASSES - REMOVER FUNDO BRANCO
   E APLICAR CINZA ESCURO
========================================= */

.top-class-header {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #2a2a2a;
}

.top-class-name {
    color: #ffffff !important;
}


/* =========================================
   TOP CLASSES - AJUSTE FINO DE POSIÇÃO
========================================= */

.top-class .tab-content {
    display: flex;
    justify-content: center;   /* tira o empurrão total pra direita */
    align-items: center;
    padding-right: 20px;       /* empurra levemente */
    padding-left: 40px;        /* compensa para a esquerda */
}

/* mantém o tamanho */
.top-class .tab-content img {
    transform: scale(1.15);   /* tamanho*/
}



/* =========================================
   FIX TEXTO ESCURO EM CONTEÚDO (PATCH / POSTS)
========================================= */

h1, h2, h3, h4, h5, h6,
.title,
.page-title,
.post-title,
.patch-title,
.date,
.post-date,
.small,
.text-muted,
.breadcrumb,
.breadcrumb-item {
    color: #e0e0e0 !important;
}

/* =========================================
   FIX MODAL - TERMOS DE USO / TERMS
========================================= */

.modal-content {
    background-color: #ffffff !important;
    color: #111111 !important;
}

/* títulos */
.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6 {
    color: #111111 !important;
}

/* texto normal */
.modal-content p,
.modal-content span,
.modal-content li,
.modal-content label {
    color: #222222 !important;
}

/* lista numerada */
.modal-content ol,
.modal-content ul {
    color: #222222 !important;
}

.castle-siege {
    background-position: 0% center; /* eixo X | eixo Y */
    background-repeat: no-repeat;
    background-size: cover;
}


/* ===============================
   MODAL BETA - FUNDO PRETO
================================ */

/* Fundo principal do modal */
#slides-modal .modal-content {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Header (parte de cima) */
#slides-modal .modal-header {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #222 !important;
}

/* Footer (parte de baixo) */
#slides-modal .modal-footer {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-top: 1px solid #222 !important;
}

/* Texto dentro do modal */
#slides-modal .modal-header *,
#slides-modal .modal-footer *,
#slides-modal .modal-body * {
    color: #ffffff !important;
}

/* Botão fechar (X) */
#slides-modal .btn-close,
#slides-modal .close {
    filter: invert(1) !important;
}