/* Tema ChakalOt: visual classico com as pecas de images/pvp. Carrega depois do baiak-moderno.css.
   Para voltar ao tema anterior, restaure os arquivos do backup em backups/antes-tema-chakal-*. */
:root {
	--bm-ouro: #d9a441;
	--bm-ouro-forte: #f2d38a;
	--bm-painel: rgba(17, 21, 23, .94);
	--bm-painel-2: #1a1f21;
	--bm-linha: rgba(217, 164, 65, .32);
	--bm-texto: #efe6d2;
	--bm-suave: #b8ad98;
	--bm-link: #f2d38a;
	--bm-raio: 2px;
	--bm-sombra: 0 8px 22px rgba(0, 0, 0, .55);
	--bm-titulo: 'Fondamento', Georgia, serif;
	--bm-corpo: 'Figtree', Verdana, Arial, sans-serif;
	--ck-tinta: #341e13;
	--ck-papel: #f1e3c4;
	--ck-papel-2: #e6d4ad;
	--ck-link: #0a4a8f;
	--ck-placa: #16191b;
	--ck-largura: 1240px;
	--ck-moldura: url("../images/pvp/toplevel.png");
}

html { background: #000308 var(--bm-wallpaper) center top / cover no-repeat fixed !important; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid #ffd978 !important; outline-offset: 2px; }

/* ---------- Barra superior ---------- */
.rx-topo { position: absolute; top: 0; left: 0; right: 0; z-index: 40; height: 54px; background: rgba(8, 9, 10, .94); border-bottom: 1px solid var(--bm-linha); }
.rx-topo-dentro { display: flex; align-items: center; gap: 6px; height: 100%; max-width: var(--ck-largura); margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.rx-topo a { padding: 8px 11px; color: var(--bm-texto) !important; font: 400 16px/1 var(--bm-titulo); text-decoration: none !important; white-space: nowrap; transition: color .12s; }
.rx-topo a:hover { color: #ffd978 !important; }
.wpptable, .discordtable { position: absolute !important; top: 8px; padding: 4px 10px 4px 36px !important; background: var(--bm-painel-2) !important; border: 1px solid var(--bm-linha) !important; border-radius: 2px !important; box-shadow: none; font-size: 11px !important; z-index: 50; }
.discordtable { right: max(16px, calc((100vw - var(--ck-largura)) / 2 + 16px)); }
.wpptable { right: calc(max(16px, calc((100vw - var(--ck-largura)) / 2 + 16px)) + 158px); }
.wpptable img, .discordtable img { width: 22px !important; left: 7px !important; top: 8px !important; }
.wpptable:hover, .discordtable:hover { transform: none; border-color: var(--bm-ouro) !important; }
.wpptable strong[style], .discordtable strong[style] { color: var(--bm-ouro-forte) !important; text-shadow: none !important; }
.wpptable small, .discordtable small { display: none; }

/* ---------- Logo e status ---------- */
.rx-faixa { margin-top: 54px; }
.rx-faixa-dentro { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 36px; max-width: var(--ck-largura); margin: 0 auto; padding: 26px 16px 22px; box-sizing: border-box; }
.rx-marca { display: flex; align-items: center; gap: 14px; text-decoration: none !important; }
.rx-marca svg { width: 84px; height: 98px; flex: none; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .75)); }
.rx-marca b { display: block; padding: 4px 6px 6px 0; font: 400 clamp(46px, 6.4vw, 84px)/1 var(--bm-titulo); background: linear-gradient(180deg, #fff3b5 8%, #ffcf4d 44%, #e88a1a 72%, #a8480c); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-stroke: 1.5px #2b1405; filter: drop-shadow(0 3px 0 #1c0d03) drop-shadow(0 6px 14px rgba(0, 0, 0, .8)); overflow-wrap: anywhere; }
.rx-marca em { font-style: normal; }
.rx-numeros { display: flex; margin: 0; padding: 4px; border: 18px solid transparent; border-image: var(--ck-moldura) 30 fill / 18px; }
.rx-numeros div { min-width: 100px; padding: 0 16px; border-left: 1px solid var(--bm-linha); }
.rx-numeros div:first-child { border-left: 0; }
.rx-numeros dt { margin: 0 0 7px; color: var(--bm-suave); font: 600 12px/1 var(--bm-corpo); }
.rx-numeros dd { margin: 0; color: var(--bm-texto); font: 400 25px/1 var(--bm-titulo); }
.rx-numeros .rx-on { color: #7ee07a; }
.rx-numeros .rx-off { color: #ff9c78; }

/* ---------- Tres colunas ---------- */
#ContentRow { grid-template-columns: 214px minmax(0, 1fr); gap: 16px; max-width: var(--ck-largura); padding: 0 16px 40px; }
#LeftArtwork { display: none !important; }
#ContentHelper { grid-template-columns: minmax(0, 1fr) 248px; column-gap: 16px; }
#ContentHelper > #ThemeboxesColumn { display: flex !important; flex-direction: column; gap: 12px; }
#Themeboxes { display: flex !important; flex-direction: column; gap: 12px; }
#DeactivationContainerThemebox { position: absolute !important; }
#RightArtwork { margin: 0 !important; display: flex; flex-direction: column; gap: 8px; }
#ThemeboxesColumn > br { display: none; }
#ThemeboxesColumn .Themebox { margin: 0 !important; }
#ThemeboxesColumn .bm-uptime-offline { display: none; }
#PlayersOnline font { color: #ff9c78 !important; }

/* ---------- Molduras ornamentadas: esticam com o conteudo ---------- */
#Loginbox, #Menu, .Themebox, #PlayersOnline, #ServerUptime {
	box-sizing: border-box;
	background: none !important;
	border: 18px solid transparent !important;
	border-image: var(--ck-moldura) 30 fill / 18px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}
.Themebox { padding: 0 !important; }
.Themebox::before { position: static; display: block; margin: 0 0 8px !important; padding: 0 0 6px; border-bottom: 1px solid var(--bm-linha); color: #ffd978 !important; font: 400 19px/1.1 var(--bm-titulo) !important; text-align: center; }
#warcastle { padding: 0 !important; }
#warcastle::before { grid-column: 1 / -1 !important; text-align: center; }
#Toplvels::before { content: "Top Experience"; }
#PlayersOnline { padding: 0 !important; font: 400 16px/1.25 var(--bm-titulo) !important; }
#ServerUptime { padding: 0; margin: 0; }
.bm-uptime-rotulo { font: 400 14px/1.2 var(--bm-titulo); letter-spacing: 0; color: #ffd978; }

/* Linhas do Top Experience */
.top_level_x > div { min-height: 42px; margin: 0 0 4px; padding: 4px 22px 4px 44px; background: rgba(0, 0, 0, .34); border: 1px solid rgba(217, 164, 65, .18); }
.top_level_x > div:hover { border-color: var(--bm-ouro); }
.top_level_x > div img { left: -25px !important; top: -23px !important; }
.topfont { font: 700 12px/1.3 var(--bm-corpo) !important; color: var(--bm-ouro-forte) !important; text-decoration: none !important; }
.top_level_x small font { color: var(--bm-suave) !important; font-weight: 500; }
.rx-st { position: absolute; top: 50%; right: 7px; width: 9px; height: 9px; margin-top: -5px; border-radius: 50%; background: #d8483a; box-shadow: 0 0 0 1px #000; }
.rx-st-on { background: #66d65f; }

/* ---------- Botoes da coluna esquerda ---------- */
#Loginbox { margin: 0 0 12px !important; padding: 0 !important; }
#PlayNowContainer { width: 150px !important; height: 37px !important; }
.MediumButtonForm { display: block; height: 37px; }
.MediumButtonBackground, .rx-baixar { background: url("../images/pvp/mediumbutton.gif") center / 100% 100% no-repeat !important; border: 0; border-radius: 0; filter: none !important; }
.MediumButtonBackground:hover, .rx-baixar:hover { background-image: url("../images/pvp/mediumbutton-over.gif") !important; }
.MediumButtonBackground { position: relative; width: 150px !important; height: 37px !important; }
.MediumButtonBackground::after { content: "Minha conta"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #ffd978; font: 400 20px/1 var(--bm-titulo); text-shadow: 0 1px 2px #000; pointer-events: none; }
.MediumButtonBackground .MediumButtonText { position: absolute !important; inset: 0; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0; }
.rx-baixar { display: block; width: 180px; height: 42px; margin: 0 auto 12px; color: #ffd978 !important; font: 400 22px/42px var(--bm-titulo); text-align: center; text-decoration: none !important; text-shadow: 0 1px 2px #000; }

/* ---------- Menu ---------- */
#Menu { margin: 0 !important; padding: 0 !important; }
.menuitem { margin: 0 0 3px !important; }
.MenuButton { height: 34px !important; background: url("../images/pvp/button-background.gif") center / 100% 100% no-repeat !important; border: 0; border-radius: 0; overflow: visible; }
.MenuButton:hover { background-image: url("../images/pvp/button-background-over.gif") !important; }
.MenuButton .Icon { display: block !important; left: 6px !important; top: 1px !important; width: 32px; height: 32px; }
#news_Icon { background-image: url("../images/pvp/icon-news.gif") !important; }
#community_Icon { background-image: url("../images/pvp/icon-community.gif") !important; }
#account_Icon { background-image: url("../images/pvp/icon-account.gif") !important; }
#team_Icon { background-image: url("../images/pvp/icon-support.gif") !important; }
#shops_Icon { background-image: url("../images/pvp/icon-shops.gif") !important; }
#events_Icon { background-image: url("../images/pvp/icon-events.gif") !important; }
.MenuButton .Label { position: absolute !important; left: 40px !important; right: 4px; top: 0 !important; width: auto !important; height: 100% !important; display: flex; align-items: center; background-image: none !important; }
.MenuButton .Label::after { color: #f0dcae; font: 400 19px/1 var(--bm-titulo); text-shadow: 0 1px 2px #000; }
#news_Label::after { content: "Notícias"; }
#community_Label::after { content: "Comunidade"; }
#account_Label::after { content: "Conta"; }
#team_Label::after { content: "Suporte"; }
#shops_Label::after { content: "Loja"; }
#events_Label::after { content: "Eventos"; }
.Submenu { margin: 0 0 5px !important; padding: 0; background: rgba(12, 17, 19, .9) !important; }
.Submenuitem { padding: 5px 10px 5px 16px !important; border-left: 0; border-bottom: 1px solid rgba(217, 164, 65, .14); border-radius: 0; }
.Submenuitem:last-child { border-bottom: 0; }
.Submenuitem:hover { background: rgba(217, 164, 65, .14) !important; }
.ActiveSubmenuItemIcon { left: 3px !important; top: 8px !important; }
.Submenu a:link, .Submenu a:visited, .Submenu a *, .Submenu font { color: #f0e8d6 !important; font-weight: 600; }
.Submenu a:hover, .Submenu a:hover * { color: #ffd978 !important; }

/* ---------- Conteudo em pergaminho ---------- */
.Content .Box {
	--bm-texto: var(--ck-tinta);
	--bm-suave: #6d5a3f;
	--bm-link: var(--ck-link);
	--bm-ouro: #8a5d14;
	--bm-ouro-forte: var(--ck-link);
	--bm-linha: rgba(70, 45, 15, .3);
	margin: 0 0 16px !important;
	background: var(--ck-papel) url("../images/pvp/containerbackground.png") !important;
	border: 1px solid #000;
	box-shadow: 0 0 0 2px #6f5528, 0 0 0 3px #000, var(--bm-sombra);
	border-radius: 0;
	backdrop-filter: none;
	overflow: hidden;
}
.Content .Box::before, #NewsTicker::before {
	display: block;
	padding: 9px 16px 8px !important;
	background: linear-gradient(180deg, #2a2d2e, var(--ck-placa));
	border-bottom: 2px solid #6f5528;
	color: #f2d38a !important;
	font: 400 24px/1 var(--bm-titulo) !important;
	text-shadow: 0 1px 2px #000;
}
#NewsTicker::before { content: "Novidades"; }
.Content .BoxContent { color: var(--ck-tinta) !important; font-size: 13.5px !important; }
.Content .Row { border-bottom-color: rgba(70, 45, 15, .2); }
#NewsTicker .Row:nth-child(odd) { background: rgba(120, 85, 30, .12) !important; }
.Content .Box h1, .Content .Box h2, .Content .Box h3, .Content .Box h1 *, .Content .Box h2 *, .Content .Box h3 * { font-family: var(--bm-titulo) !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--ck-tinta) !important; }
.Content .Box h2 { font-size: 27px !important; }
.Content .Box a:link, .Content .Box a:visited { color: var(--ck-link) !important; }
.Content .Box a:hover { color: #a3320c !important; }
.Content .Box tr[bgcolor] > td, .Content .Box td[bgcolor] { border-bottom-color: rgba(70, 45, 15, .18); }
.Content .Box tr:nth-child(even)[bgcolor] > td { background: rgba(120, 85, 30, .1); }
.Content .Box .TableContainer .TableContentAndRightShadow td, .Content .Box .TableContainer td, .Content .Box .InnerTableContainer td, .Content .Box .InnerTableContainer th, .Content .Box .TableContent, .Content .Box .TableContent td { border-color: rgba(70, 45, 15, .24) !important; }
.Content .Box .InnerTableContainer { background: rgba(255, 250, 235, .42) !important; border-color: rgba(70, 45, 15, .45); }
.Content .Box .TableContentAndRightShadow, .Content .Box .TableContentContainer { height: auto !important; min-height: 0 !important; }

/* Cabecalhos de tabela: placa escura com letras douradas */
.Content .Box .CaptionContainer .CaptionInnerContainer, .Content .Box .LabelH, .Content .Box .LabelH td, .Content .Box tr.LabelH > td, .Content .Box tr[bgcolor="#505050"] > td, .Content .Box td[bgcolor="#505050"], .Content .Box tr[bgcolor="#505050"] {
	background: var(--ck-placa) !important;
	border-color: #000 !important;
	color: #f2d38a !important;
}
.Content .Box tr[bgcolor="#505050"] *, .Content .Box .LabelH * { color: #f2d38a !important; }
.Content .Box .CaptionContainer .CaptionInnerContainer { border-radius: 0; }
.Content .Box .CaptionContainer .Text, .Content .Box .TableContainer .Text { font: 400 20px/1.2 var(--bm-titulo) !important; color: #f2d38a !important; }
.Content .Box .LabelV, .Content .Box .LabelV120, .Content .Box .LabelV150, .Content .Box .LabelV200 { color: var(--ck-tinta) !important; font-weight: 700; }

/* Formularios e botoes */
.Content .Box input[type="text"], .Content .Box input[type="password"], .Content .Box input[type="email"], .Content .Box input:not([type]), .Content .Box select, .Content .Box textarea { background: #fffaf0 !important; border: 1px solid #8a7248 !important; border-radius: 2px; color: var(--ck-tinta) !important; }
.Content .Box input:focus, .Content .Box select:focus, .Content .Box textarea:focus { outline-color: #a3320c; }
.Content .BigButton { background-image: url("../images/pvp/sbutton_black.gif") !important; filter: none; }
.Content .BigButtonOver { background-image: url("../images/pvp/sbutton_over_black.gif") !important; }
.Content .Box .FormFieldError, .Content .Box .red { color: #a3200c !important; }
.Content .SmallBox .ErrorMessage { background: #f4cfc2 !important; border-color: #a3320c; color: #651a08 !important; }
.Content .SmallBox .Message { background: #dbe9c8 !important; border-color: #5c8a32; color: #274a10 !important; }

#Footer { padding: 6px 0 14px; color: #efe6d2 !important; -webkit-text-fill-color: #efe6d2; text-shadow: 0 1px 2px #000; }

/* ---------- Telas menores ---------- */
@media (max-width: 1180px) {
	#ContentHelper { display: flex !important; flex-direction: column; }
	#ContentHelper > * { width: 100%; }
}
@media (max-width: 820px) {
	.rx-topo { position: static; height: auto !important; min-height: 0 !important; }
	.rx-topo-dentro { flex-wrap: wrap; justify-content: center; height: auto; padding: 6px 8px; }
	.rx-topo a { padding: 8px; font-size: 15px; }
	.rx-faixa { margin-top: 0; }
	.rx-faixa-dentro { padding: 14px; }
	.rx-marca svg { width: 58px; height: 68px; }
	.rx-numeros { width: 100%; box-sizing: border-box; }
	.rx-numeros div { flex: 1; min-width: 0; padding: 0 8px; }
	.rx-numeros dd { font-size: 21px; }
	.wpptable, .discordtable { position: static !important; display: inline-block; width: calc(50% - 20px); box-sizing: border-box; margin: 10px 0 8px 14px !important; vertical-align: top; }
	.discordtable { margin-left: 8px !important; }
	#ContentRow { padding: 0 14px 30px !important; }
	.bm-menu-botao { margin: 0 0 12px; width: 100%; height: 40px; padding: 0; background: url("../images/pvp/button-background.gif") center / 100% 100% no-repeat; border: 0; border-radius: 0; color: #f0dcae; font: 400 20px var(--bm-titulo); }
}

/* O baiak-moderno usa um seletor forte nas celulas: este precisa pesar mais para o texto solto ficar claro no cabecalho */
.Content .Box tr[bgcolor="#505050"] > td:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) { color: #f2d38a !important; }

/* Aviso de pagamento aprovado */
.mp-aprovado { margin: 0 0 18px; padding: 26px 18px; background: linear-gradient(180deg, #24351f, #14200f); border: 2px solid #d9a441; box-shadow: 0 0 0 1px #000, 0 8px 24px rgba(0, 0, 0, .35); text-align: center; animation: mpEntrada .55s ease-out; }
.mp-aprovado-selo { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 8px; background: #66d65f; border-radius: 50%; color: #0b2308; font: 700 38px/1 var(--bm-corpo); }
.Content .Box .mp-aprovado h2, .Content .Box .mp-aprovado h2 * { margin: 0 0 6px; color: #ffd978 !important; font-size: clamp(28px, 5vw, 40px) !important; }
.mp-aprovado p { margin: 0; color: #f4ecd9; font-size: 16px; }
.mp-aprovado b { color: #ffd978; font-size: 20px; }
.Content .Box .mp-aprovado a:link, .Content .Box .mp-aprovado a:visited { display: inline-block; margin-top: 14px; color: #ffd978 !important; font-weight: 700; }
@keyframes mpEntrada { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .mp-aprovado { animation: none; } }
.Content .Box .mp-aprovado a:hover { color: #fff !important; }