/*-------------------------------------------------------------------------*/
/* Marble-WoW — personalizacoes proprias                                   */
/* Carregado pelo views/header.tpl, logo a seguir ao style.css.            */
/* Tudo usa classes "mw-" ou seletores muito especificos, para nao mexer   */
/* no resto do tema. Para desativar: apagar a linha dele no header.tpl.   */
/*-------------------------------------------------------------------------*/

:root {
	--mw-blood: #9e1b1b;
	--mw-blood-hi: #c42a22;
	--mw-ember: #ff6a4d;
	--mw-bone: #e9d9cf;
	--mw-ash: #b79c93;
}

/* ---- Logo no cabecalho (substitui o texto "MARBLE-WOW") ---------------- */
.header .navbar .navbar-brand [glows] {
	animation: none !important;
}
.header .navbar .navbar-brand .mw-brand-logo {
	display: block;
	width: auto;
	height: 132px;
	margin-top: 30px;           /* o emblema "pendura" um pouco abaixo da faixa */
	position: relative;
	z-index: 10;
	filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.7)) !important;
	transition: transform 0.2s ease;
}
.header .navbar .navbar-brand:hover .mw-brand-logo,
.header .navbar .navbar-brand:focus-visible .mw-brand-logo {
	transform: scale(1.04);
}
@media screen and (max-width: 1199.98px) {
	.header .navbar .navbar-brand .mw-brand-logo {
		height: 78px;
		margin-top: 6px;
	}
}

/* ---- Cabecalho sem a faixa vermelha por tras do logo/menu ------------- */
/* (a faixa vinha de 2 camadas: o gradiente .header::before do tema e o   */
/*  fundo da .navbar posto no modern-overrides.css)                        */
.header::before {
	display: none !important;
}
.header .navbar {
	background-color: transparent !important;
}
/* barra de topo (redes sociais / Welcome) tambem sem faixa escura */
.section-topbar {
	background-color: transparent !important;
}
/* sem a faixa, uma sombra leve mantem o menu legivel sobre a arte */
.header .navbar .navbar-nav .nav-link {
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9) !important;
}

/* ---- Bloco de apresentacao (so na pagina inicial) --------------------- */
.mw-hero-wrap {
	position: relative;
	z-index: 1;
	padding: 3rem 0 0;
}
.mw-hero {
	display: flex;
	align-items: center;
	gap: 36px;
	padding: 32px 36px;
	background: linear-gradient(90deg, rgba(20, 6, 6, 0.85) 0%, rgba(20, 6, 6, 0.45) 100%);
	border: 1px solid rgba(196, 42, 34, 0.35);
	border-left: 3px solid var(--mw-blood-hi);
	border-radius: 12px;
	color: var(--mw-bone);
}
.mw-hero__body {
	flex: 1 1 46%;
	min-width: 0;
}
.mw-hero__media {
	flex: 1 1 54%;
	min-width: 0;
}
.mw-hero__video {
	aspect-ratio: 1920 / 816;
	overflow: hidden;
	border: 1px solid rgba(196, 42, 34, 0.45);
	border-radius: 10px;
	background: #000;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}
.mw-hero__video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mw-hero a.mw-hero__yt {
	display: inline-block;
	margin-top: 10px;
	font-size: 0.9rem;
	color: var(--mw-ash);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mw-hero a.mw-hero__yt:hover { color: #fff; opacity: 1; }
.mw-hero a.mw-hero__yt:focus-visible { outline: 2px solid var(--mw-ember); outline-offset: 3px; }
.mw-hero .mw-hero__title {
	margin: 0 0 10px;
	font-size: 2rem;
	line-height: 1.15;
	font-weight: 700;
	color: var(--mw-bone);
	text-transform: none;
}
.mw-hero .mw-hero__lead {
	margin: 0 0 18px;
	max-width: 62ch;
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--mw-ash);
}
.mw-hero .mw-hero__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
.mw-hero .mw-hero__facts li {
	margin: 0;
	padding: 5px 12px;
	font-size: 0.92rem;
	color: var(--mw-bone);
	background: rgba(158, 27, 27, 0.28);
	border: 1px solid rgba(196, 42, 34, 0.45);
	border-radius: 6px;
}
.mw-hero .mw-hero__facts li::before { content: none; }
.mw-hero .mw-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.mw-hero a.mw-btn {
	display: inline-block;
	padding: 11px 18px;
	font-size: 0.95rem;
	white-space: nowrap;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	border: 1px solid var(--mw-blood-hi);
	border-radius: 8px;
	opacity: 1;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}
.mw-hero a.mw-btn--main { background: var(--mw-blood); color: #fff; }
.mw-hero a.mw-btn--main:hover { background: var(--mw-blood-hi); color: #fff; opacity: 1; }
.mw-hero a.mw-btn--ghost { background: transparent; color: var(--mw-bone); }
.mw-hero a.mw-btn--ghost:hover { background: rgba(158, 27, 27, 0.35); color: #fff; opacity: 1; }
.mw-hero a.mw-btn:focus-visible { outline: 2px solid var(--mw-ember); outline-offset: 3px; }

@media screen and (max-width: 991.98px) {
	.mw-hero { flex-direction: column; align-items: stretch; }
	.mw-hero__media { width: 100%; }
}
@media screen and (max-width: 767.98px) {
	.mw-hero {
		text-align: center;
		padding: 24px 18px;
	}
	.mw-hero .mw-hero__title { font-size: 1.6rem; }
	.mw-hero .mw-hero__facts,
	.mw-hero .mw-hero__actions { justify-content: center; }
	.mw-hero .mw-hero__lead { margin-left: auto; margin-right: auto; }
}

/* ---- Sidebox "Vote for us" (HTML colado num sidebox Custom no admin) -- */
.sidebox .mw-vote { padding: 4px; text-align: center; }
.sidebox .mw-vote p { margin: 0 0 14px; line-height: 1.55; color: var(--mw-ash); }
.sidebox .mw-vote a.mw-vote__btn {
	display: block;
	padding: 11px 14px;
	background: var(--mw-blood);
	border: 1px solid var(--mw-blood-hi);
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	opacity: 1;
}
.sidebox .mw-vote a.mw-vote__btn:hover { background: var(--mw-blood-hi); color: #fff; opacity: 1; }
.sidebox .mw-vote a.mw-vote__btn:focus-visible { outline: 2px solid var(--mw-ember); outline-offset: 3px; }

/* ---- Server status: contagem de jogadores mais visivel ---------------- */
.sidebox .mw-online {
	margin-left: 6px;
	padding: 2px 8px;
	font-size: 0.8em;
	font-weight: 700;
	color: #fff;
	background: var(--mw-blood);
	border-radius: 10px;
}

@media (prefers-reduced-motion: reduce) {
	.header .navbar .navbar-brand .mw-brand-logo,
	.mw-hero a.mw-btn { transition: none !important; }
}