/*
	Retoques visuais gerais do site, aditivos só (nada aqui remove ou
	substitui uma regra do tema original - só sobrescreve valores
	específicos). Carregado por último, depois de style.css + tibia.css +
	responsive.css, então também funciona igual no mobile.

	2026-10-09: primeira versão - três problemas reais encontrados
	olhando o site inteiro: (1) links do conteúdo usavam um azul frio
	(#004294) que destoava da paleta quente laranja/pergaminho do resto
	do tema; (2) praticamente todo formulário do site (Create Character,
	Forum, Settings, Helpdesk, Houses...) usa <input type="submit"> sem
	nenhuma classe, então o botão renderizado era o estilo padrão do
	navegador (cinza/azul do sistema) - destoando da moldura medieval ao
	redor; (3) o rodapé (copyright) é só texto solto direto no fundo
	preto, sem nenhum tratamento visual, parecendo cortado/inacabado.
*/

/* 0. Fundo da página: trocado pela arte que já estava solta em
   layout/img/ (bgbrtibiaonline.jpg - mesmas dimensões exatas da atual,
   1920x1175, drop-in) só não estava sendo usada em lugar nenhum. Tom
   escuro/azulado combina muito mais com o resto do tema (parchment +
   moldura escura) do que a arte atual (céu claro, muito saturada). O
   "acaba quando rola pra baixo" era porque a imagem é no-repeat e a
   página é muito mais alta que ela (sobrava só a cor sólida #0d0f12 lá
   embaixo, sem transição) - fixed resolve isso: a arte fica ancorada
   na janela, nunca "acaba" conforme rola, e content explica como o
   mobile está excluído logo abaixo. */
body {
	background-image: linear-gradient(rgba(5, 14, 28, .24), rgba(5, 14, 28, .48)), url(img/brtibiaserver-background-v1.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
}

/* Identidade proposta em 13/10/2026 — prévia local, sem deploy. */
.brand-header {
	box-sizing: border-box;
	max-width: 1170px;
	margin: 0 auto;
	padding: 30px 12px 22px;
	text-align: center;
}
.brand-wordmark {
	display: inline-block;
	font-family: 'Amarante', Georgia, serif;
	font-size: clamp(32px, 5.4vw, 76px);
	line-height: 1.2;
	color: #f1c66e;
	text-shadow: 0 2px 0 #5d3512, 0 4px 18px #030b18;
}
.brand-wordmark:hover { color: #ffe1a0; }
.brand-links { margin-top: 10px; color: #b79864; }
.brand-links a { color: #ead8ac; font-size: 13px; }
.brand-links a:hover { color: #fff0ca; }
.brand-links span { margin: 0 12px; }
.brand-community { padding: 12px 14px; text-align: center; }
.brand-community strong { font-family: 'Amarante', Georgia, serif; font-size: 26px; color: #6e421d; }
.brand-community p { margin: 8px 0 12px; }
.brand-community a { display: inline-block; margin: 4px 8px; overflow-wrap: anywhere; }
.center_box .title .brand-community-title { background: none; width: 100%; text-align: center; line-height: 45px; color: #e7d1a3; font-size: 17px; }
.brand-header + .container_main { margin-top: 14px; }
@media (max-width: 900px) {
	.brand-header { padding: 24px 10px 18px; }
	.brand-header + .container_main { margin-top: 8px !important; }
}

/* 1. Cor padrão de link: troca o azul frio por um tom quente (dourado
   escuro), coerente com os accents laranja já usados no tema
   (.right_box a já é #ff9000, o hover já era #ff5a00 - só o estado de
   repouso destoava). Não mexe em nenhum link que já tem cor própria
   via classe mais específica (ex.: .right_box a, .dl-btn, .acc_menu a),
   CSS specificity cuida disso sozinho. */
a {
	color: #a85f00;
}

/* 2. Botões genéricos (<input type="submit">, <input type="button">,
   <button> sem classe) - any seletor com classe própria (.loginbtn,
   .createbtn, .dl-btn, .tut-link, .acc_menu a, etc.) é mais específico
   e continua intacto. */
input[type="submit"]:not([class]),
input[type="button"]:not([class]),
button:not([class]) {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 4px;
	border: 1px solid #c94500;
	background: #ff5a00;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	transition: background-color 0.1s linear;
}
input[type="submit"]:not([class]):hover,
input[type="button"]:not([class]):hover,
button:not([class]):hover {
	background: #e04f00;
}
input[type="submit"]:not([class]):disabled,
input[type="button"]:not([class]):disabled,
button:not([class]):disabled {
	background: #8a6a52;
	border-color: #6b4a2a;
	cursor: default;
}

/* 3. Rodapé: antes era só texto solto no fundo preto da página, sem
   nenhuma moldura - uma linha fina por cima, no mesmo tom dourado dos
   links/detalhes do tema, fecha a página em vez de deixá-la "cortada". */
.footer_cnt {
	text-align: center;
	padding-top: 16px;
	border-top: 1px solid rgba(168, 95, 0, .35);
	color: #8a8a8a;
}
.footer_cnt a {
	color: #a85f00;
}

/* 4. Profundidade sutil nas caixas ornamentadas - elas hoje "flutuam"
   meio sem peso por cima do fundo bem carregado (dragões, texturas).
   Só sombra, não muda nenhuma dimensão/posição de nada. */
.left_box, .right_box, .center_box {
	box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}