/*
 * Game-X Arena — ajustes finais aprovados.
 * Carregado após style.css e o CSS dinâmico do Personalizador.
 * Para alterações futuras, edite somente esta folha de estilo.
 */


/* Cabeçalho transparente e sem a faixa vermelha apenas na página inicial. */
body.home .site-header,
body.front-page .site-header,
body.gx-mode-light.home .site-header,
body.gx-mode-dark.home .site-header,
body.gx-mode-light.front-page .site-header,
body.gx-mode-dark.front-page .site-header,
body:not(.home):not(.front-page) .site-header,
body.gx-mode-light:not(.home):not(.front-page) .site-header,
body.gx-mode-dark:not(.home):not(.front-page) .site-header {
	background: transparent !important;
	background-color: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
}
body .site-header .topline,
body .site-header .header-inner,
body .site-header .primary-navigation:not(.is-open),
body .site-header .primary-navigation > div,
body.home .site-header .topline,
body.home .site-header .header-inner,
body.home .site-header .primary-navigation:not(.is-open),
body.home .site-header .primary-navigation > div,
body.front-page .site-header .topline,
body.front-page .site-header .header-inner,
body.front-page .site-header .primary-navigation:not(.is-open),
body.front-page .site-header .primary-navigation > div,
body:not(.home):not(.front-page) .site-header .topline,
body:not(.home):not(.front-page) .site-header .header-inner,
body:not(.home):not(.front-page) .site-header .primary-navigation:not(.is-open),
body:not(.home):not(.front-page) .site-header .primary-navigation > div,
body.gx-mode-light:not(.home):not(.front-page) .site-header .primary-navigation:not(.is-open),
body.gx-mode-dark:not(.home):not(.front-page) .site-header .primary-navigation:not(.is-open) {
	background: transparent !important;
	background-color: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
body.home .site-header,
body.front-page .site-header { border-bottom: 0 !important; }

/* Cabeçalho mais compacto apenas em telas de PC/tablet; celular preservado. */
@media (min-width: 761px) {
	body.home .site-header .header-inner,
	body.front-page .site-header .header-inner,
	body:not(.home):not(.front-page) .site-header .header-inner {
		min-height: 72px !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	body.home .site-header .topline-inner,
	body.front-page .site-header .topline-inner,
	body:not(.home):not(.front-page) .site-header .topline-inner {
		min-height: 28px !important;
	}
	body.home .site-header .primary-navigation .menu,
	body.front-page .site-header .primary-navigation .menu,
	body:not(.home):not(.front-page) .site-header .primary-navigation .menu {
		min-height: 40px !important;
	}
}

/* Logo ampliada por dispositivo; altura automática preserva a proporção da imagem. */
.site-header .site-branding-logo .site-branding-logo-stack {
	flex-basis: 170px !important;
	width: 170px !important;
}
.site-header .site-branding-logo .site-branding-logo-stack .custom-logo-link {
	width: 170px !important;
	max-width: 170px !important;
}
.site-header .site-branding-logo .site-branding-logo-stack .custom-logo {
	width: 100% !important;
	max-width: 170px !important;
	height: auto !important;
	max-height: 60px !important;
	object-fit: contain;
}
@media (min-width: 761px) and (max-width: 1050px) {
	.site-header .site-branding-logo .site-branding-logo-stack {
		flex-basis: 164px !important;
		width: 164px !important;
	}
	.site-header .site-branding-logo .site-branding-logo-stack .custom-logo-link {
		width: 164px !important;
		max-width: 164px !important;
	}
	.site-header .site-branding-logo .site-branding-logo-stack .custom-logo {
		max-width: 164px !important;
		max-height: 58px !important;
	}
}
@media (max-width: 760px) {
	.site-header .site-branding-logo .site-branding-logo-stack {
		flex-basis: 122px !important;
		width: 122px !important;
	}
	.site-header .site-branding-logo .site-branding-logo-stack .custom-logo-link {
		width: 122px !important;
		max-width: 122px !important;
	}
	.site-header .site-branding-logo .site-branding-logo-stack .custom-logo {
		max-width: 122px !important;
		max-height: 50px !important;
		object-fit: contain;
	}
}
@media (min-width: 1051px) {
	.site-header .header-inner {
		grid-template-columns: minmax(210px, 360px) minmax(0, 1fr) auto !important;
	}
	.site-header .site-branding-logo .site-branding-logo-stack {
		flex-basis: 215px !important;
		width: 215px !important;
	}
	.site-header .site-branding-logo .site-branding-logo-stack .custom-logo-link {
		width: 215px !important;
		max-width: 215px !important;
	}
	.site-header .site-branding-logo .site-branding-logo-stack .custom-logo {
		max-width: 215px !important;
		max-height: 72px !important;
	}
}

/* Realce vermelho discreto nos cards de notícias ao passar o mouse. */
body:not(.home):not(.front-page) .post-card:hover,
body:not(.home):not(.front-page) .gx-big-post:hover,
body:not(.home):not(.front-page) .gx-list-post:hover,
body:not(.home):not(.front-page) .gx-rail-post:hover,
body:not(.home):not(.front-page) .hero-feature:hover,
body:not(.home):not(.front-page) .hero-mini:hover,
body:not(.home):not(.front-page) .gx-category-feature:hover,
body.home .post-card:hover, body.home .gx-big-post:hover, body.home .gx-list-post:hover,
body.home .gx-rail-post:hover, body.home .hero-feature:hover, body.home .hero-mini:hover,
body.home .gx-category-feature:hover,
body.front-page .post-card:hover, body.front-page .gx-big-post:hover,
body.front-page .gx-list-post:hover, body.front-page .gx-rail-post:hover,
body.front-page .hero-feature:hover, body.front-page .hero-mini:hover,
body.front-page .gx-category-feature:hover {
	border-color: #ed174c !important;
	box-shadow: 0 0 0 1px rgba(237, 23, 76, .62), 0 8px 24px rgba(237, 23, 76, .2) !important;
}
body .post-card:hover .card-body h3 a,
body .gx-big-post:hover a,
body .gx-list-post:hover h3 a,
body .gx-rail-post:hover strong a,
body .hero-feature:hover .hero-copy h1 a,
body .hero-mini:hover h2 a,
body .gx-category-feature:hover h2 a { color: #ed174c !important; }

/* Coluna lateral na home: texto preto somente no modo claro. */
body.home.gx-mode-light .sidebar ul li,
body.home.gx-mode-light .sidebar ul li a,
body.front-page.gx-mode-light .sidebar ul li,
body.front-page.gx-mode-light .sidebar ul li a,
body.home.gx-mode-light .sidebar .widget_categories,
body.home.gx-mode-light .sidebar .widget_categories a,
body.front-page.gx-mode-light .sidebar .widget_categories,
body.front-page.gx-mode-light .sidebar .widget_categories a,
body.home.gx-mode-light .sidebar .wp-block-categories,
body.home.gx-mode-light .sidebar .wp-block-categories a,
body.front-page.gx-mode-light .sidebar .wp-block-categories,
body.front-page.gx-mode-light .sidebar .wp-block-categories a,
body.home.gx-mode-light .sidebar .widget_nav_menu .menu-item > a,
body.front-page.gx-mode-light .sidebar .widget_nav_menu .menu-item > a {
	color: #111111 !important;
}



/* Botão de pesquisa completo em todas as variações do formulário do tema. */
.header-search .search-submit,
.mobile-nav-panel .search-submit,
.gx-search-dialog .search-submit {
	box-sizing: border-box !important;
	appearance: none;
	-webkit-appearance: none;
	border: 0 !important;
	border-radius: 6px !important;
	background: #c80c39 !important;
	color: #ffffff !important;
	font-family: inherit;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-indent: 0 !important;
	white-space: nowrap !important;
	overflow: visible !important;
	cursor: pointer;
}
/* Busca expandida do cabeçalho: reserva largura real para o rótulo Pesquisar. */
@media (min-width: 981px) {
	body.home .header-search:focus-within .search-field,
	body:not(.home) .header-search:focus-within .search-field {
		box-sizing: border-box !important;
		padding-right: 112px !important;
	}
	body.home .header-search:focus-within .search-submit,
	body:not(.home) .header-search:focus-within .search-submit {
		display: block !important;
		position: absolute !important;
		top: 4px !important;
		right: 4px !important;
		width: 100px !important;
		min-width: 100px !important;
		max-width: 100px !important;
		height: 34px !important;
		min-height: 34px !important;
		padding: 0 8px !important;
		font-size: .74rem !important;
		line-height: 32px !important;
	}
}
/* Formulário do painel tablet/celular: campo flexível e botão inteiro ao lado. */
@media (max-width: 980px) {
	.mobile-nav-panel .search-form {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 116px !important;
		align-items: stretch !important;
		gap: 8px !important;
		width: 100% !important;
	}
	.mobile-nav-panel .search-form > label {
		min-width: 0 !important;
		width: 100% !important;
	}
	.mobile-nav-panel .search-field {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		height: 46px !important;
		min-height: 46px !important;
	}
	.mobile-nav-panel .search-submit {
		display: block !important;
		box-sizing: border-box !important;
		width: 116px !important;
		min-width: 116px !important;
		max-width: 116px !important;
		height: 46px !important;
		min-height: 46px !important;
		padding: 0 8px !important;
		font-size: .82rem !important;
		line-height: 44px !important;
	}
}
/* No celular estreito, os controles ficam empilhados e ambos ocupam a largura. */
@media (max-width: 540px) {
	.mobile-nav-panel .search-form { grid-template-columns: minmax(0, 1fr) !important; }
	.mobile-nav-panel .search-submit { width: 100% !important; max-width: none !important; }
}
/* A janela de pesquisa também mantém o botão inteiro em desktop e celular. */
.gx-search-dialog .search-form > label { min-width: 0 !important; }
.gx-search-dialog .search-field { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; }
.gx-search-dialog .search-submit {
	display: block !important;
	box-sizing: border-box !important;
	width: auto;
	min-width: 118px !important;
	max-width: 100% !important;
	min-height: 54px !important;
	padding: 0 18px !important;
	font-size: .88rem !important;
	line-height: 52px !important;
}
@media (max-width: 540px) {
	.gx-search-dialog .search-submit { width: 100% !important; min-width: 0 !important; }
}
/* Evita ícones pseudo-elemento sobrepostos ao texto do input de submit. */
.header-search .search-submit::before,
.mobile-nav-panel .search-submit::before { content: none !important; }



/* Menu de três pontos aberto: painel opaco e igual na home e nas páginas internas. */
@media (max-width: 980px) {
	body.home .site-header .primary-navigation.is-open,
	body.front-page .site-header .primary-navigation.is-open,
	body:not(.home):not(.front-page) .site-header .primary-navigation.is-open,
	body.gx-mode-light.home .site-header .primary-navigation.is-open,
	body.gx-mode-dark.home .site-header .primary-navigation.is-open,
	body.gx-mode-light.front-page .site-header .primary-navigation.is-open,
	body.gx-mode-dark.front-page .site-header .primary-navigation.is-open,
	body.gx-mode-light:not(.home):not(.front-page) .site-header .primary-navigation.is-open,
	body.gx-mode-dark:not(.home):not(.front-page) .site-header .primary-navigation.is-open {
		background: var(--gx-panel) !important;
		background-color: var(--gx-panel) !important;
		background-image: none !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		opacity: 1 !important;
	}
}


/* Ultimate Member: manter o botão de fechar com a aparência do ícone original. */
.um-modal button.um-modal-close {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	cursor: pointer;
}


/* Exibe somente a logo na marca do cabeçalho, em PC, tablet e celular. */
.site-header .site-branding-logo .site-branding-copy {
	display: none !important;
}


/* Com o nome oculto, repor a posição original da logo em tablet e celular. */
@media (max-width: 1050px) {
	.site-header .site-branding-logo .site-branding-top {
		justify-content: flex-start !important;
	}
}


/* Título do painel lateral “Mais notícias”: contraste correto no modo claro. */
body.home.gx-mode-light .gx-carousel-rail > h2,
body.front-page.gx-mode-light .gx-carousel-rail > h2 {
	color: #111111 !important;
}