/* Ajustes finais de navegação do Globalwar */
#LeftArtwork #account {
  display: none !important;
}

#account,
div[id="account"] {
  display: none !important;
}

/* O login continua sendo o ponto principal de acesso. */
#Loginbox {
  background: linear-gradient(145deg, #111d2a, #0b141f) !important;
  border: 1px solid #b68a3a !important;
  box-shadow: 0 0 0 2px rgba(8, 14, 22, .9), 0 8px 22px rgba(0, 0, 0, .35) !important;
}

#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#Loginbox .LoginBorder,
#Loginbox #BorderRight,
#Loginbox .Loginstatus {
  background-image: none !important;
  background-color: transparent !important;
}

#Loginbox #LoginstatusText_1 {
  background-image: none !important;
  color: #d9e2eb !important;
  font: 700 11px Arial, sans-serif !important;
  text-align: center;
  width: auto !important;
}

#Loginbox #LoginButtonContainer {
  background-image: none !important;
  background-color: transparent !important;
}

#Loginbox #LoginButton #ButtonText {
  color: #f0cf83 !important;
  text-shadow: none !important;
}

/* Painéis e tabelas: troca o bege antigo pela identidade azul do Globalwar. */
.TableContainer .Odd,
.TableContainer .Even,
.TableContentContainer,
.TableContainer .Table1,
.TableContainer .Table2,
.SmallBox .Message,
.SmallBox .ErrorMessage,
table tr[bgcolor="#f1e0c6"],
table tr[bgcolor="#d4c0a1"] {
  background: #121b24 !important;
  color: #dbe5ec !important;
}

.TableContainer .Even,
table tr[bgcolor="#d4c0a1"] {
  background: #1b2a36 !important;
}

.TableContainer .Odd td,
.TableContainer .Even td,
table tr[bgcolor="#f1e0c6"] td,
table tr[bgcolor="#d4c0a1"] td {
  color: #dbe5ec !important;
  border-color: rgba(182, 138, 58, .28) !important;
}

.TableContainer a,
table tr[bgcolor="#f1e0c6"] a,
table tr[bgcolor="#d4c0a1"] a {
  color: #8fc0e2 !important;
}

.TableContainer .CaptionContainer,
table tr[bgcolor="#505050"] {
  background: linear-gradient(90deg, #293845, #17232d) !important;
  color: #f0cf83 !important;
}

/* Área interna dos painéis: substitui o fundo de pergaminho sem apagar o estilo medieval. */
.Content .Box {
  background: #182735 !important;
  border-color: #344a5b !important;
}

.Content .BoxContent {
  background: #1f3241 !important;
  color: #e1e9ee !important;
}

.Content .BoxContent .Odd,
.Content .BoxContent .Even {
  background: #263d4d !important;
  color: #e1e9ee !important;
  border-bottom: 1px solid rgba(194, 151, 70, .22);
}

.Content .BoxContent .Even {
  background: #30495a !important;
}

.Content .BoxContent td,
.Content .BoxContent p,
.Content .BoxContent li {
  color: #e1e9ee;
}

.Content .BoxContent table {
  border-color: #476073 !important;
}

/* Remove a textura bege inline e mantém a mesma leitura em todas as abas. */
.Content .BoxContent {
  background-image: none !important;
}

#GlobalwarCallout {
  margin: 14px 8px 12px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 20px;
  align-items: center;
  background: linear-gradient(105deg, #1f3a2d, #182c24) !important;
  border: 1px solid #a27a35;
  box-shadow: inset 0 0 0 1px rgba(240, 207, 131, .12), 0 4px 14px rgba(0, 0, 0, .25);
}

#GlobalwarCallout .GlobalwarCallout__eyebrow {
  grid-column: 1;
  color: #f0cf83;
  font: 700 10px Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#GlobalwarCallout strong {
  grid-column: 1;
  color: #f4f5eb !important;
  font: 700 18px Georgia, serif;
}

#GlobalwarCallout span {
  grid-column: 1;
  color: #d7e6da !important;
  font: 12px Arial, sans-serif;
}

#GlobalwarCallout a {
  grid-column: 2;
  grid-row: 1 / span 3;
  padding: 11px 14px;
  color: #17241e !important;
  background: #d8b568;
  font: 700 11px Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

#GlobalwarCallout a:hover { background: #f0cf83; }
#GlobalwarCallout a b { margin-left: 8px; font-size: 16px; font-weight: 400; }

@media (max-width: 650px) {
  #GlobalwarCallout { display: block; }
  #GlobalwarCallout a { display: inline-block; margin-top: 10px; }
}

/* Cor única dos painéis: azul, sem variações de bege herdadas dos estilos antigos. */
.Content .BoxContent,
.Content .BoxContent > div,
.Content .BoxContent [style*="#fff5df"],
.Content .BoxContent [style*="#FFF2db"],
.Content .BoxContent [style*="#f1e0c6"],
.Content .BoxContent [style*="#d4c0a1"],
.Content .BoxContent [style*="#D4C0A1"],
.Content .BoxContent [style*="#F1E0C6"] {
  background-color: #203447 !important;
  background-image: none !important;
  color: #e8c56f !important;
}

.Content .BoxContent h1,
.Content .BoxContent h2,
.Content .BoxContent h3,
.Content .BoxContent strong,
.Content .BoxContent b,
.Content .BoxContent th,
.Content .BoxContent td,
.Content .BoxContent p,
.Content .BoxContent li,
.Content .BoxContent span,
.Content .BoxContent label {
  color: #e8c56f !important;
}

.Content .BoxContent small,
.Content .BoxContent em {
  color: #d8c98f !important;
}

.Content .BoxContent a,
.Content .BoxContent a:visited {
  color: #f0cf83 !important;
}

.Content .BoxContent table tr,
.Content .BoxContent table td,
.Content .BoxContent table th {
  background-color: #203447 !important;
  border-color: rgba(232, 197, 111, .34) !important;
}

.Content .BoxContent table tr:nth-child(even) td {
  background-color: #284258 !important;
}

/* Últimas notícias e artigo em destaque: neutraliza cores inline do layout antigo. */
.Content .BoxContent #GlobalwarSeasonArticle,
.Content .BoxContent .GlobalwarNewsBody {
  background: #203447 !important;
  background-image: none !important;
  color: #edf1e7 !important;
}

.Content .BoxContent #GlobalwarSeasonArticle div,
.Content .BoxContent #GlobalwarSeasonArticle p,
.Content .BoxContent #GlobalwarSeasonArticle span,
.Content .BoxContent #GlobalwarSeasonArticle strong,
.Content .BoxContent .GlobalwarNewsBody,
.Content .BoxContent .GlobalwarNewsBody p {
  color: #edf1e7 !important;
}

.Content .BoxContent #GlobalwarSeasonArticle h2,
.Content .BoxContent #GlobalwarSeasonArticle strong,
.Content .BoxContent #GlobalwarSeasonArticle > div:first-child,
.Content .BoxContent .GlobalwarNewsBody b {
  color: #f0cf83 !important;
}

.Content .BoxContent #GlobalwarSeasonArticle a,
.Content .BoxContent #GlobalwarSeasonArticle a span {
  background: #294458 !important;
  color: #f0cf83 !important;
  border-color: #c49b4c !important;
}

/* Leitura geral: evita texto apagado ou marrom sobre azul. */
.Content .BoxContent {
  font-size: 10pt !important;
  color: #f1f4ef !important;
}

.Content .BoxContent p,
.Content .BoxContent div,
.Content .BoxContent td,
.Content .BoxContent li,
.Content .BoxContent label,
.Content .BoxContent font {
  color: #f1f4ef !important;
}

.Content .BoxContent h1,
.Content .BoxContent h2,
.Content .BoxContent h3,
.Content .BoxContent .LabelV,
.Content .BoxContent .LabelH,
.Content .BoxContent strong,
.Content .BoxContent b {
  color: #f0cf83 !important;
}

.Content .BoxContent a,
.Content .BoxContent a:visited {
  color: #b9dcf3 !important;
}

#createaccount .BoxContent input,
#createaccount .BoxContent select,
#createaccount .BoxContent textarea {
  font-size: 10pt !important;
  color: #f1f4ef !important;
}

#createaccount .BoxContent .SmallBox,
#createaccount .BoxContent .Message,
#createaccount .BoxContent .ErrorMessage {
  color: #f1f4ef !important;
}

/* Elementos antigos que recebiam pergaminho por style inline. */
.Content .BoxContent [style*="#fff5df"],
.Content .BoxContent [style*="#FFF5DF"],
.Content .BoxContent [style*="#FFF2db"],
.Content .BoxContent [style*="#f1e0c6"],
.Content .BoxContent [style*="#F1E0C6"],
.Content .BoxContent [style*="#d4c0a1"],
.Content .BoxContent [style*="#D4C0A1"],
.Content .BoxContent [style*="#d5c0a1"],
.Content .BoxContent [style*="#e9ddb9"],
.Content .BoxContent [style*="#eadfbe"],
.Content .BoxContent [style*="#d8c69f"],
.Content .BoxContent [style*="#f0e5c7"],
.Content .BoxContent [style*="#dfcfaa"],
.Content .BoxContent [style*="#d9c9a4"] {
  background: #203447 !important;
  color: #edf1e7 !important;
}

/* Componentes modernos de Ranking e Server Info: as regras locais antigas não vencem este tema. */
.Content .BoxContent .hs-wrap,
.Content .BoxContent .si-wrap { color: #edf1e7 !important; }
.Content .BoxContent .hs-title,
.Content .BoxContent .si-title { color: #f0cf83 !important; }
.Content .BoxContent .hs-tab { background: #294458 !important; color: #f0cf83 !important; border-color: #9e7731 !important; box-shadow: none !important; }
.Content .BoxContent .hs-tab:hover,
.Content .BoxContent .hs-tab.active { background: #3b5a6d !important; color: #fff1c6 !important; }
.Content .BoxContent .hs-subbar { background: #294458 !important; color: #f0cf83 !important; border-color: #9e7731 !important; }
.Content .BoxContent .hs-card { background: #2b4657 !important; color: #edf1e7 !important; border-color: #658194 !important; box-shadow: inset 0 0 0 1px rgba(240, 207, 131, .15) !important; }
.Content .BoxContent .hs-card.first { background: #354c59 !important; border-color: #d0a84f !important; }
.Content .BoxContent .hs-card .hs-name,
.Content .BoxContent .hs-card .hs-info { color: #edf1e7 !important; }
.Content .BoxContent .hs-points { background: #172936 !important; color: #f0cf83 !important; border-color: #9e7731 !important; }
.Content .BoxContent .hs-table { border-color: #658194 !important; }
.Content .BoxContent .hs-table th { background: #294458 !important; color: #f0cf83 !important; border-color: #658194 !important; }
.Content .BoxContent .hs-table td,
.Content .BoxContent .hs-table tr:nth-child(odd) td,
.Content .BoxContent .hs-table tr:nth-child(even) td { background: #203b4d !important; color: #edf1e7 !important; border-color: rgba(240, 207, 131, .25) !important; }
.Content .BoxContent .hs-table tr:hover td { background: #31566a !important; }
.Content .BoxContent .hs-player a { color: #f0cf83 !important; }
.Content .BoxContent .hs-voc { color: #c8d9d3 !important; }
.Content .BoxContent .hs-pages { background: #294458 !important; }
.Content .BoxContent .hs-pages a { background: #203b4d !important; color: #f0cf83 !important; border-color: #9e7731 !important; }

.Content .BoxContent .si-box { background: #263f4e !important; border-color: #668091 !important; box-shadow: none !important; }
.Content .BoxContent .si-head { background: #294458 !important; color: #f0cf83 !important; border-color: #9e7731 !important; }
.Content .BoxContent .si-grid td,
.Content .BoxContent .si-stage td,
.Content .BoxContent .si-updates td { background: #203b4d !important; color: #edf1e7 !important; border-color: rgba(240, 207, 131, .25) !important; }
.Content .BoxContent .si-stage th { background: #294458 !important; color: #f0cf83 !important; border-color: #668091 !important; }
.Content .BoxContent .si-label,
.Content .BoxContent .si-value,
.Content .BoxContent .si-update-title,
.Content .BoxContent .si-update-desc { color: #edf1e7 !important; }
.Content .BoxContent .si-highlight { background: #294458 !important; color: #f0cf83 !important; border-color: #9e7731 !important; }

/* Downloads e Players Online seguem a mesma paleta, sem cartões creme. */
.Content .BoxContent .dl-wrap,
.Content .BoxContent .Globalwar-online-wrap { color: #edf1e7 !important; }
.Content .BoxContent .dl-title,
.Content .BoxContent .Globalwar-title { color: #f0cf83 !important; background: #294458 !important; border-color: #9e7731 !important; }
.Content .BoxContent .dl-hero,
.Content .BoxContent .dl-card,
.Content .BoxContent .dl-note,
.Content .BoxContent .dl-action,
.Content .BoxContent .Globalwar-voc,
.Content .BoxContent .Globalwar-voc-count,
.Content .BoxContent .Globalwar-status,
.Content .BoxContent .Globalwar-search { background: #203b4d !important; color: #edf1e7 !important; border-color: #668091 !important; box-shadow: none !important; }
.Content .BoxContent .dl-head,
.Content .BoxContent .Globalwar-status-head,
.Content .BoxContent .Globalwar-list-head,
.Content .BoxContent .Globalwar-voc-name,
.Content .BoxContent .Globalwar-search-title,
.Content .BoxContent .Globalwar-online-table th { background: #294458 !important; color: #f0cf83 !important; border-color: #9e7731 !important; }
.Content .BoxContent .dl-name,
.Content .BoxContent .dl-desc,
.Content .BoxContent .dl-note,
.Content .BoxContent .Globalwar-voc-count,
.Content .BoxContent .Globalwar-status,
.Content .BoxContent .Globalwar-online-table td,
.Content .BoxContent .Globalwar-search td { color: #edf1e7 !important; }
.Content .BoxContent .dl-button { background: #172936 !important; color: #f0cf83 !important; border-color: #c49b4c !important; box-shadow: none !important; }
.Content .BoxContent .dl-button:hover { background: #31566a !important; color: #fff1c6 !important; }
.Content .BoxContent .Globalwar-online-row-light,
.Content .BoxContent .Globalwar-online-row-dark { background: #203b4d !important; color: #edf1e7 !important; }
.Content .BoxContent .Globalwar-online-row-dark { background: #284258 !important; }
.Content .BoxContent .Globalwar-online-table tr:hover td { background: #31566a !important; }
.Content .BoxContent .Globalwar-name a,
.Content .BoxContent .Globalwar-online-table th a { color: #f0cf83 !important; }
.Content .BoxContent .Globalwar-search input { background: #172936 !important; color: #edf1e7 !important; border-color: #9e7731 !important; }

/* Paleta verde de referência: medieval, sóbria e menos envelhecida. */
.Content .Box,
.Content .BoxContent,
.Content .BoxContent .Odd,
.Content .BoxContent .Even,
.TableContainer .Odd,
.TableContainer .Even,
.TableContentContainer,
.TableContainer .Table1,
.TableContainer .Table2,
.SmallBox .Message,
.SmallBox .ErrorMessage,
table tr[bgcolor="#f1e0c6"],
table tr[bgcolor="#d4c0a1"] {
  background: #24322b !important;
  color: #edf1e7 !important;
}

.Content .BoxContent .Even,
.TableContainer .Even,
table tr[bgcolor="#d4c0a1"] {
  background: #2d4037 !important;
}

.Content .BoxContent td,
.Content .BoxContent p,
.Content .BoxContent li,
.TableContainer td,
table tr[bgcolor="#f1e0c6"] td,
table tr[bgcolor="#d4c0a1"] td {
  color: #edf1e7 !important;
  border-color: rgba(194, 151, 70, .3) !important;
}

.Content .BoxContent a,
.TableContainer a,
table tr[bgcolor="#f1e0c6"] a,
table tr[bgcolor="#d4c0a1"] a {
  color: #b9d6c1 !important;
}

.Content .BoxContent input,
.Content .BoxContent select,
.Content .BoxContent textarea {
  background: #17241e !important;
  color: #edf1e7 !important;
  border: 1px solid #718a70 !important;
}

/* Cartões da página inicial que ainda traziam o fundo de pergaminho. */
#FeaturedArticle .BoxContent,
#FeaturedArticle .BoxContent > div,
#FeaturedArticle #TeaserText,
#FeaturedArticle #TeaserThumbnail,
#GlobalwarJourney > div,
#GlobalwarSeasonArticle > div {
  background-color: #24322b !important;
  color: #edf1e7 !important;
}

/* Contraste de leitura sobre o verde. */
.Content .BoxContent h1,
.Content .BoxContent h2,
.Content .BoxContent h3,
.Content .BoxContent .NewsHeadlineText,
#FeaturedArticle h1,
#FeaturedArticle h2,
#FeaturedArticle h3 {
  color: #f0cf83 !important;
}

.Content .BoxContent,
.Content .BoxContent font,
.Content .BoxContent strong,
.Content .BoxContent b,
.Content .BoxContent td,
.Content .BoxContent p,
.Content .BoxContent li,
.Content .BoxContent span {
  color: #edf1e7 !important;
}

.Content .BoxContent a,
.Content .BoxContent a:visited {
  color: #a9d3ef !important;
}

.Content .BoxContent a:hover {
  color: #f0cf83 !important;
}

#FeaturedArticle #TeaserText,
#GlobalwarJourney p,
#GlobalwarSeasonArticle p,
#GlobalwarSeasonArticle span {
  color: #d9e7df !important;
}
