/*!
 =========================================================
 * MuOnlineTO - Centralização global de títulos
 * Centraliza títulos e rodapé em desktop/mobile sem alterar
 * o alinhamento do conteúdo, tabelas, textos e navegação.
 =========================================================
*/

/* Títulos principais das páginas e seções textuais. */
.page-title,
.page-title ~ h3,
.home-news-block .home-news-block-header h2,
.panel-heading .panel-title,
.panel-body > .panel-title,
.castle-siege-block h2,
.castle-siege-block h4 {
	text-align: center !important;
}

/* Painéis: neutraliza o alinhamento flex antigo para que o título
 * fique realmente no centro da largura do cabeçalho. */
.panel-sidebar > .panel-heading > .panel-title {
	display: block !important;
	position: relative;
	min-width: 0;
	text-align: center !important;
}

/* Botões pequenos de ação (+ etc.) permanecem na lateral e não
 * deslocam visualmente o texto central do título. */
.panel-sidebar > .panel-heading > .panel-title > .btn.pull-right {
	float: none !important;
	position: absolute !important;
	right: 0;
	top: 50%;
	margin: 0 !important;
	transform: translateY(-50%);
}

/* Login/conta possuem botões largos. Para não sobrepor o título,
 * esses comandos ficam centralizados em uma segunda linha. */
.panel-sidebar > .panel-heading > .panel-title > a[href*="forgotpassword"],
.panel-sidebar > .panel-heading > .panel-title > a[href*="logout"] {
	display: table !important;
	float: none !important;
	position: static !important;
	margin: 8px auto 0 !important;
	transform: none !important;
}

/* Home: o título "Últimas Notícias" fica centralizado na largura
 * total da faixa, enquanto o link "Mais..." continua à direita. */
.home-news-block .home-news-block-header {
	position: relative;
}

.home-news-block .home-news-block-header > .col-xs-8 {
	float: none !important;
	width: 100% !important;
	text-align: center !important;
}

.home-news-block .home-news-block-header > .col-xs-4 {
	position: absolute;
	top: 0;
	right: 0;
	float: none !important;
	width: auto !important;
}

/* A Home possui uma regra local antiga que alinhava "Comunidade"
 * à esquerda. Mantemos o padrão global centralizado. */
.home-community-sidebar > .panel-heading .panel-title {
	text-align: center !important;
}

/* Guia do Jogador: títulos, subtítulos estruturais e divisor do
 * título principal acompanham o novo padrão centralizado. */
.mu-guide-eyebrow,
.mu-guide-section h1,
.mu-guide-section-title,
.mu-guide-box-secondary-title,
.mu-guide-box-group-title,
.mu-guide-boss-heading,
.mu-guide-harmony-compact-heading,
.mu-guide-mix-title,
.mu-guide-feature-title,
.mu-guide-subheading,
.mu-guide-video-group-title,
.mu-guide-video-more h2,
.mu-guide-home-card h2,
.mu-guide-nav-group-title,
.mu-guide-mobile-group-title {
	text-align: center !important;
}

.mu-guide-rule {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Rodapé: links e copyright ficam centralizados na largura inteira
 * também no desktop (o Bootstrap limitava o copyright a 8 colunas). */
.footer,
.footer > .footer-container,
.footer .footer-links,
.footer .footer-copyright {
	text-align: center !important;
}

.footer .footer-copyright {
	float: none !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.footer .footer-copyright p {
	text-align: center !important;
}

@media only screen and (max-width: 767px) {
	/* Mantém o título das notícias central no mobile sem deixar o
	 * link "Mais..." encostar no texto. */
	.home-news-block .home-news-block-header h2 {
		padding-left: 42px !important;
		padding-right: 42px !important;
	}
}

/* =========================================================
 * Ajuste fino V2 - Guia + painel de login
 * ========================================================= */

/* O cabeçalho fixo da navegação do Guia também segue o padrão
 * global centralizado. */
.mu-guide-nav-title {
	text-align: center !important;
}

/* Centraliza o conteúdo das caixas de atalho da página inicial
 * do Guia sem alterar parágrafos e conteúdo editorial das páginas. */
.mu-guide-home-link {
	text-align: center !important;
}

.mu-guide-home-link strong,
.mu-guide-home-link span {
	text-align: center !important;
}

/* Mantém o conteúdo visualmente equilibrado dentro das caixas,
 * inclusive quando uma descrição ocupa menos linhas que a vizinha. */
.mu-guide-home-links > .mu-guide-home-link {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* Painel de login/conta: o texto do título e a ação secundária
 * passam a ocupar linhas independentes. Isso impede que
 * "Esqueceu sua senha?" ou "Sair" desloquem/sobreponham o título. */
.home-account-section .panel-heading .panel-title {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	text-align: center !important;
}

.home-account-section .panel-heading .panel-title > a.btn,
.home-account-section .panel-heading .panel-title > a.pull-right {
	position: static !important;
	float: none !important;
	display: inline-block !important;
	margin: 0 auto !important;
	transform: none !important;
}

/* Remove qualquer reserva lateral herdada de estilos antigos do
 * cabeçalho do login. */
.home-account-section .panel-heading {
	text-align: center !important;
}

@media only screen and (max-width: 767px) {
	.mu-guide-home-link {
		text-align: center !important;
	}
}


/* =========================================================
 * Ajuste final V3 - links do Guia + cabeçalho da conta
 * ========================================================= */

/* Todos os links das seções do Guia ficam realmente
 * centralizados, não apenas os títulos azuis dos grupos. */
.mu-guide-nav .mu-guide-tab,
.mu-guide-mobile-menu .mu-guide-mobile-link {
    text-align: center !important;
}

/* A ação "Esqueceu sua senha?" / "Sair" foi separada do H3
 * no HTML para nunca mais disputar a mesma linha com o título. */
.home-account-section .home-account-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
}

.home-account-section .home-account-panel-title {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.home-account-section .home-account-panel-action {
    display: inline-block !important;
    position: static !important;
    float: none !important;
    margin: 0 auto !important;
    transform: none !important;
}