/* Tema moderno do site Baiak. Para desativar, remova o bloco "baiak-moderno" de layout.php.
   Fundo: coloque sua imagem em layouts/tibiarl/images/wallpaper.jpg */
:root {
	--bm-ouro: #e0b45c;
	--bm-ouro-forte: #f2cf85;
	--bm-painel: rgba(17, 15, 14, .86);
	--bm-painel-2: rgba(32, 27, 23, .92);
	--bm-linha: rgba(224, 180, 92, .28);
	--bm-texto: #ece6da;
	--bm-suave: #b5ab9b;
	--bm-link: #f2cf85;
	--bm-raio: 10px;
	--bm-sombra: 0 10px 34px rgba(0, 0, 0, .55);
	--bm-titulo: 'Cinzel', Georgia, 'Times New Roman', serif;
	--bm-corpo: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ---------- Fundo ---------- */
html {
	min-height: 100%;
	background: linear-gradient(180deg, rgba(8, 7, 6, .35) 0, rgba(8, 7, 6, .68) 420px, rgba(8, 7, 6, .86) 100%), var(--bm-wallpaper) center top / cover no-repeat fixed, #0b0a09 !important;
}
body {
	background: transparent !important;
	min-height: 100%;
	font-family: var(--bm-corpo) !important;
	color: var(--bm-texto) !important;
	font-size: 14px;
	overflow-x: hidden;
}
#HeaderArtworkDiv, #ArtworkHelper1, #ArtworkHelper2 { display: none !important; }
.se-pre-con { display: none !important; }

/* ---------- Grade principal ----------
   Estrutura real: MainHelper1 > MainHelper2 > Bodycontainer > ContentRow > [ MenuColumn, ContentColumn > Content > ContentHelper > [ caixas..., ThemeboxesColumn ] ] */
#MainHelper1, #MainHelper2, #Bodycontainer {
	display: block !important;
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	background: none !important;
	text-align: left !important;
}
#ContentRow {
	display: grid !important;
	grid-template-columns: 232px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	position: static !important;
	box-sizing: border-box;
	width: 100% !important;
	max-width: 1400px;
	margin: 0 auto !important;
	padding: 76px 20px 40px;
}
#ContentHelper {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 248px;
	column-gap: 20px;
	align-items: start;
}
#ContentColumn, #Content { display: block !important; float: none !important; width: 100% !important; min-width: 0; }
#ContentHelper { width: 100% !important; float: none !important; }
#ContentHelper > * { grid-column: 1; min-width: 0; }
#ContentHelper > #ThemeboxesColumn { grid-column: 2; grid-row: 1 / span 30; }
#MenuColumn, #ContentColumn, #ThemeboxesColumn {
	position: static !important;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	float: none !important;
}

/* ---------- Atalhos de Whatsapp e Discord ---------- */
.wpptable, .discordtable {
	position: fixed !important;
	top: 14px;
	margin: 0 !important;
	padding: 7px 14px 7px 44px !important;
	background: var(--bm-painel) !important;
	border: 1px solid var(--bm-linha) !important;
	border-radius: 999px !important;
	box-shadow: var(--bm-sombra);
	backdrop-filter: blur(8px);
	font: 12px/1.3 var(--bm-corpo) !important;
	color: var(--bm-texto) !important;
	z-index: 50;
	transition: border-color .15s, transform .15s;
}
.wpptable { right: 216px; }
.discordtable { right: 20px; }
.wpptable:hover, .discordtable:hover { border-color: var(--bm-ouro); transform: translateY(-1px); }
.wpptable img, .discordtable img { position: absolute !important; left: 8px !important; top: 6px !important; width: 28px !important; height: auto !important; margin: 0 !important; }

/* ---------- Logo e botao de entrar ---------- */
#LeftArtwork {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 12px !important;
	text-align: center;
}
#TibiaLogoArtworkTop {
	position: static !important;
	display: block !important;
	width: 172px !important;
	height: 128px !important;
	object-fit: cover;
	object-position: top;
	margin: 0 auto !important;
	cursor: pointer;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .7));
}
#Loginbox {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 14px !important;
	padding: 14px 12px !important;
	background: var(--bm-painel) !important;
	border: 1px solid var(--bm-linha);
	border-radius: var(--bm-raio);
	box-shadow: var(--bm-sombra);
	text-align: center;
}
#LoginButtonContainer, #PlayNowContainer, .Loginstatus, #LoginstatusText {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto !important;
	background: none !important;
	float: none !important;
}
#PlayNowContainer { width: 150px !important; height: 37px !important; }
.MediumButtonBackground {
	margin: 0 auto !important;
	background: linear-gradient(180deg, #bb2d1d, #7c160c) !important;
	border: 1px solid var(--bm-ouro);
	border-radius: 7px;
	box-sizing: border-box;
	transition: filter .15s;
}
.MediumButtonBackground:hover { filter: brightness(1.18); }
.MediumButtonOver { display: none !important; }
#Loginbox .Loginstatus { position: relative !important; left: 0 !important; height: 13px !important; width: 100% !important; margin-top: 10px !important; }
#Loginbox #LoginstatusText { position: absolute !important; inset: 0; margin: 0 !important; }
#Loginbox .LoginstatusText { left: 50% !important; margin-left: -62px !important; }

/* ---------- Menu ---------- */
#Menu {
	position: static !important;
	width: auto !important;
	padding: 6px !important;
	background: var(--bm-painel) !important;
	border: 1px solid var(--bm-linha);
	border-radius: var(--bm-raio);
	box-shadow: var(--bm-sombra);
	backdrop-filter: blur(8px);
}
#MenuTop, #MenuBottom, .LeftChain, .RightChain, .Lights, .light_lu, .light_ld, .light_ru { display: none !important; }
.menuitem { margin: 0 0 3px !important; }
.MenuButton {
	position: relative !important;
	width: auto !important;
	height: 38px !important;
	margin: 0 !important;
	background: var(--bm-painel-2) !important;
	border: 1px solid rgba(255, 255, 255, .05);
	border-radius: 7px;
	cursor: pointer;
	overflow: hidden;
	transition: border-color .15s, background .15s;
}
.MenuButton:hover { border-color: var(--bm-ouro); background: rgba(58, 44, 28, .95) !important; }
.MenuButton .Button { display: none !important; }
.MenuButton .Icon { left: 2px !important; top: 1px !important; }
.MenuButton .Label { left: 28px !important; top: 6px !important; }
.MenuButton .Extend { display: none !important; }
.Submenu {
	width: auto !important;
	margin: 3px 0 7px !important;
	padding: 2px 0;
	background: none !important;
	font-family: var(--bm-corpo) !important;
	font-size: 13px !important;
}
.Submenuitem {
	position: relative !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 6px 10px 6px 14px !important;
	background: none !important;
	border-left: 2px solid transparent;
	border-radius: 0 6px 6px 0;
	text-align: left !important;
	transition: background .12s, border-color .12s;
}
.Submenuitem:hover { background: rgba(224, 180, 92, .1) !important; border-left-color: var(--bm-ouro); }
.Submenuitem div[id^="ActiveSubmenuItemLabel"], .Submenuitem .hvr-bounce-out {
	position: static !important;
	display: block !important;
	width: auto !important;
	margin: 0 !important;
	font: 500 13px/1.25 var(--bm-corpo) !important;
	text-align: left !important;
	text-shadow: none !important;
}
.ActiveSubmenuItemIcon { position: absolute !important; left: 2px !important; top: 8px !important; }
.Submenu a:link, .Submenu a:visited { color: var(--bm-texto) !important; text-shadow: none !important; }
.Submenu font[color="blue"], .Submenu font[color="#0000FF"], .Submenu [style*="color:blue"], .Submenu [style*="color: blue"], .Submenu [style*="#0000FF"], .Submenu [style*="#0000ff"] { color: #7fb2ff !important; }

/* ---------- Coluna direita ---------- */
#ThemeboxesColumn { overflow: visible; }
#RightArtwork { position: static !important; width: auto !important; height: auto !important; margin: 0 0 12px !important; }
#PedestalAndOnline, #Monster { display: none !important; }
#PlayersOnline {
	position: static !important;
	width: auto !important;
	height: auto !important;
	padding: 12px 14px !important;
	background: var(--bm-painel) !important;
	border: 1px solid var(--bm-linha);
	border-radius: var(--bm-raio);
	box-shadow: var(--bm-sombra);
	font: 600 14px/1.3 var(--bm-corpo) !important;
	color: var(--bm-ouro-forte) !important;
	text-align: center !important;
	cursor: pointer;
}
#ServerUptime {
	margin: 8px 0 0;
	padding: 10px 14px;
	background: var(--bm-painel);
	border: 1px solid var(--bm-linha);
	border-radius: var(--bm-raio);
	box-shadow: var(--bm-sombra);
	font: 600 13px/1.3 var(--bm-corpo);
	color: var(--bm-texto);
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.bm-uptime-rotulo { display: block; margin-bottom: 2px; font: 600 11px/1.2 var(--bm-titulo); letter-spacing: .06em; color: var(--bm-ouro-forte); }
.bm-uptime-offline { color: #ff9c8c !important; }
#Themeboxes { position: static !important; left: 0 !important; top: 0 !important; width: auto !important; margin: 0 !important; }
.Themebox {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 14px !important;
	padding: 14px 12px !important;
	background: var(--bm-painel) !important;
	border: 1px solid var(--bm-linha);
	border-radius: var(--bm-raio);
	box-shadow: var(--bm-sombra);
	backdrop-filter: blur(8px);
}
.Themebox::before { font: 600 13px/1 var(--bm-titulo); color: var(--bm-ouro-forte); display: block; margin-bottom: 8px; }
#Toplvels::before { content: "Top Level"; }
.top_level_x { height: auto !important; top: 0 !important; margin-top: 0 !important; position: relative !important; left: auto !important; width: auto !important; padding: 0 !important; }
/* Cada jogador e uma linha propria: o boneco se posiciona dentro da linha, nao da caixa inteira */
.top_level_x > div { position: relative; min-height: 40px; padding: 2px 0 0 46px; margin-bottom: 10px; }
.top_level_x > div:last-child { margin-bottom: 0; }
.top_level_x > div img { position: absolute !important; left: -26px !important; top: -26px !important; margin: 0 !important; }
.top_level_x font { color: var(--bm-suave) !important; }
.topfont { font: 600 13px/1.35 var(--bm-corpo) !important; color: var(--bm-ouro-forte) !important; }

/* ---------- Conteudo ---------- */
#Content, #ContentHelper { position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; }
#NewsTicker .BoxContent, #NewsTicker .Row, #NewsTicker .Odd, #NewsTicker .Even { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.NewsTickerText, .NewsTickerShortText { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: normal; }
.NewsTickerText { margin-left: 110px; }
#NewsTicker, #NewsTicker .Border_2, #NewsTicker .Border_3 { height: auto !important; }
.Content .Box {
	position: relative !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	background: var(--bm-painel) !important;
	border: 1px solid var(--bm-linha);
	border-radius: var(--bm-raio);
	box-shadow: var(--bm-sombra);
	backdrop-filter: blur(8px);
	overflow: hidden;
}
.Corner-tl, .Corner-tr, .Corner-bl, .Corner-br, .CornerWrapper-b, .Border_1, .BorderTitleText, .Content .Box > img.Title, #ContentBoxHeadline { display: none !important; }
.Content .Border_2, .Content .Border_3 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.Content .BoxContent {
	padding: 18px 20px !important;
	background: none !important;
	color: var(--bm-texto) !important;
	font: 14px/1.55 var(--bm-corpo) !important;
	min-height: 0 !important;
}
#NewsTicker .BoxContent { padding: 8px 12px !important; }
#NewsTicker::before {
	content: "Novidades";
	display: block;
	padding: 12px 18px 0;
	font: 700 15px/1 var(--bm-titulo);
	color: var(--bm-ouro-forte);
}
.Content, .Content .BoxContent, .Content table { color: var(--bm-texto) !important; }
.Content td:not([style*="color"]):not(.LabelV):not(.LabelV120):not(.LabelV150):not(.LabelV200), .Content th:not([style*="color"]) { color: var(--bm-texto) !important; }
.Content .LabelH td, .Content tr.LabelH > td { color: var(--bm-ouro-forte) !important; }
.Content textarea, .ScrollableTextBox, .Content table, .Content .BoxContent { scrollbar-color: var(--bm-ouro) rgba(0, 0, 0, .4); scrollbar-width: thin; }
.Content td, .Content th, .Content p, .Content div, .Content span, .Content li, .Content label { color: inherit; }
.Content b, .Content strong { color: inherit; }
.Content h1, .Content h2, .Content h3, .Content h1 *, .Content h2 *, .Content h3 * {
	font-family: var(--bm-titulo) !important;
	color: var(--bm-ouro-forte) !important;
}
.Content .BigButton { filter: sepia(1) saturate(1.6) hue-rotate(-8deg) brightness(.95); }
.Content a:link, .Content a:visited { color: var(--bm-link) !important; }
.Content a:hover { color: #fff !important; }
.Row, .Odd, .Even { background: none !important; }
.Content .Row { border-bottom: 1px solid rgba(255, 255, 255, .06); color: var(--bm-texto) !important; }
.NewsTickerDate { color: var(--bm-suave) !important; }

/* Tabelas: os bgcolor antigos sao claros, entao precisam ser sobrescritos */
.Content table { border-collapse: collapse; max-width: 100%; color: var(--bm-texto); }
.Content table[bgcolor], .Content tr[bgcolor], .Content td[bgcolor], .Content th[bgcolor] { background: transparent !important; }
.Content tr[bgcolor] > td, .Content td[bgcolor] { border-bottom: 1px solid rgba(255, 255, 255, .07); color: var(--bm-texto) !important; padding: 7px 9px; }
.Content tr[bgcolor="#505050"] > td, .Content td[bgcolor="#505050"], .Content tr[bgcolor="#505050"] {
	background: rgba(224, 180, 92, .14) !important;
	color: var(--bm-ouro-forte) !important;
	font-weight: 600;
}
.Content tr:nth-child(even)[bgcolor] > td { background: rgba(255, 255, 255, .025); }
.Content font[color="black"], .Content font[color="#000000"], .Content font[color="#000"] { color: var(--bm-texto) !important; }

/* Tabelas no estilo de caixa */
.TableContainer { box-sizing: border-box; width: 100% !important; max-width: 100%; margin: 0 0 16px !important; background: none !important; color: var(--bm-texto) !important; }
.TableContainer *, .TableContainer *::before, .TableContainer *::after { box-sizing: border-box; }
.TableContainer > table, .TableContainer .CaptionContainer, .TableContainer .CaptionInnerContainer { width: 100% !important; max-width: 100%; }
.TableContainer table, .TableContainer .Table1, .TableContainer .Table2, .TableContainer .Table3, .TableContainer .Table4, .TableContainer .Table5 { background: transparent !important; border: 0 !important; }
.TableContentContainer { border: 0 !important; margin: 0 !important; background: none !important; }
.TableContainer .TableContentAndRightShadow td { border-color: rgba(255, 255, 255, .08) !important; }
.TableContainer td { color: var(--bm-texto); }
.Content [class*="Help"] a, .Content small a, .Content font a { color: var(--bm-link) !important; }
.TableContainer .CaptionContainer { position: relative !important; height: auto !important; background: none !important; }
.CaptionContainer .CaptionInnerContainer {
	position: relative !important;
	height: auto !important;
	padding: 11px 16px !important;
	background: rgba(224, 180, 92, .14) !important;
	border: 1px solid var(--bm-linha);
	border-bottom: 0;
	border-radius: var(--bm-raio) var(--bm-raio) 0 0;
}
.CaptionContainer .Text, .TableContainer .Text {
	position: static !important;
	width: auto !important;
	padding: 0 !important;
	font: 700 14px/1.3 var(--bm-titulo) !important;
	color: var(--bm-ouro-forte) !important;
	text-shadow: none !important;
}
.CaptionEdgeLeftTop, .CaptionEdgeRightTop, .CaptionBorderTop, .CaptionVerticalLeft, .CaptionVerticalRight, .CaptionBorderBottom, .CaptionEdgeLeftBottom, .CaptionEdgeRightBottom,
.TableShadowContainerRightTop, .TableShadowRightTop, .TableShadowContainer, .TableBottomShadow, .TableBottomLeftShadow, .TableBottomRightShadow { display: none !important; }
.TableContentAndRightShadow, .TableContentContainer, .InnerTableContainer { background: none !important; padding: 0 !important; }
.InnerTableContainer { border: 1px solid var(--bm-linha); border-radius: 0 0 var(--bm-raio) var(--bm-raio); background: rgba(0, 0, 0, .22) !important; padding: 12px !important; }
.TableContent, .TableContent td, .TableContainer .Odd, .TableContainer .Even { background: transparent !important; border-color: rgba(255, 255, 255, .08) !important; color: var(--bm-texto) !important; }
.LabelV, .LabelV120, .LabelV150, .LabelV200 { color: var(--bm-ouro-forte) !important; background: transparent !important; font-weight: 600; }
.LabelH, .LabelH td, .Content tr.LabelH > td {
	background: rgba(224, 180, 92, .14) !important;
	color: var(--bm-ouro-forte) !important;
	border-color: rgba(255, 255, 255, .08) !important;
	font-weight: 600;
}
.TableContainer td, .InnerTableContainer td, .InnerTableContainer th { border-color: rgba(255, 255, 255, .08) !important; }

/* Mensagens */
.SmallBox .MessageContainer { background: none !important; }
.SmallBox .BoxFrameHorizontal, .SmallBox .BoxFrameVerticalLeft, .SmallBox .BoxFrameVerticalRight, .SmallBox .BoxFrameEdgeLeftTop, .SmallBox .BoxFrameEdgeRightTop, .SmallBox .BoxFrameEdgeLeftBottom, .SmallBox .BoxFrameEdgeRightBottom { display: none !important; }
.SmallBox .ErrorMessage, .SmallBox .Message {
	position: relative;
	margin: 0 0 14px !important;
	padding: 12px 14px 12px 46px !important;
	border-radius: 8px;
	background: rgba(150, 40, 30, .24) !important;
	border: 1px solid rgba(235, 100, 80, .55);
	color: #ffd9d2 !important;
}
.SmallBox .Message { background: rgba(60, 120, 70, .2) !important; border-color: rgba(120, 200, 130, .5); color: #d8f3dc !important; padding-left: 14px !important; }
.SmallBox .AttentionSign { left: 10px !important; top: 12px !important; }
/* O tema antigo usa height:100% nessas caixas: aqui a caixa acompanha o texto */
.SmallBox, .SmallBox .MessageContainer, .SmallBox .Message, .SmallBox .ErrorMessage, .SmallBox .HintBox { height: auto !important; min-height: 0 !important; }
.SmallBox .HintBox { margin-top: 0 !important; }

/* Formularios */
.Content input[type="text"], .Content input[type="password"], .Content input[type="email"], .Content input:not([type]), .Content select, .Content textarea, #Loginbox input[type="text"], #Loginbox input[type="password"] {
	box-sizing: border-box;
	max-width: 100%;
	padding: 8px 10px !important;
	background: rgba(0, 0, 0, .42) !important;
	border: 1px solid rgba(255, 255, 255, .18) !important;
	border-radius: 6px;
	color: var(--bm-texto) !important;
	font: 14px var(--bm-corpo) !important;
}
.Content input:focus, .Content select:focus, .Content textarea:focus { outline: 2px solid var(--bm-ouro); outline-offset: 1px; }
.FormFieldError, .red { color: #ff9c8c !important; }

/* Rodape antigo */
#Footer { color: var(--bm-suave) !important; background: none !important; }

/* ---------- Telas menores ---------- */
.bm-menu-botao { display: none; }
@media (max-width: 1180px) {
	#ContentHelper { display: block !important; }
}
@media (max-width: 800px) {
	#ContentRow { display: block !important; padding: 12px 12px 30px; }
	#MenuColumn { margin-bottom: 14px !important; }
	.wpptable, .discordtable { position: static !important; display: inline-block; margin: 0 6px 10px 0 !important; }
	#TibiaLogoArtworkTop { width: 130px !important; height: 96px !important; }
	.bm-menu-botao {
		display: block;
		width: 100%;
		margin: 0 0 10px;
		padding: 12px;
		background: var(--bm-painel);
		border: 1px solid var(--bm-ouro);
		border-radius: var(--bm-raio);
		color: var(--bm-ouro-forte);
		font: 700 14px var(--bm-titulo);
		cursor: pointer;
	}
	#Menu { display: none; }
	body.bm-menu-aberto #Menu { display: block; }
	.Content .BoxContent { padding: 14px 12px !important; overflow-x: auto; }
	.Content table { display: block; overflow-x: auto; }
}

/* ---------- Box do castelo: painel igual aos demais, sem a imagem antiga ---------- */
#warcastle {
	right: auto !important;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	column-gap: 12px;
	align-items: center;
	text-align: left;
}
#warcastle::before { content: "War Castle"; grid-column: 1 / -1; text-align: left; }
#warcastle a { display: contents; text-decoration: none !important; }
#warcastle .bm-castle-logo, #warcastle .bm-castle-nome { position: static !important; margin: 0 !important; }
#warcastle .bm-castle-nome, #warcastle .guildname { text-align: left !important; }
#warcastle .bm-castle-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--bm-linha);
	border-radius: 10px;
}
#warcastle .guildcastleimg { position: static !important; display: block; width: 46px !important; height: 46px !important; object-fit: contain; }
#warcastle .bm-castle-nome::before { content: "Guild dominante"; display: block; margin-bottom: 3px; font: 500 11px/1.2 var(--bm-corpo); color: var(--bm-suave); }
#warcastle .guildname { font: 600 14px/1.25 var(--bm-corpo) !important; color: var(--bm-ouro-forte) !important; overflow-wrap: anywhere; }
#warcastle a:hover .guildname { text-decoration: underline; }
#warcastle a:hover .bm-castle-logo { border-color: var(--bm-ouro); }
/* Sem dono: icone de castelo no lugar do escudo "Sem Logo" */
#warcastle .bm-castle-vazio .guildcastleimg { display: none; }
#warcastle .bm-castle-vazio {
	background: rgba(255, 255, 255, .04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d9b36c'%3E%3Cpath d='M3 20V4h3v3h2.500V4h3v3H14V4h3v3h2.500V4H21v16h-6v-5a3 3 0 0 0-6 0v5z'/%3E%3C/svg%3E") center / 32px no-repeat;
}
#warcastle .guildname font, #warcastle .guildname b { font: 500 13px/1.25 var(--bm-corpo) !important; color: var(--bm-texto) !important; }

/* ---------- Enquete atual ---------- */
#CurrentPollBox { height: auto !important; }
#CurrentPollBox #CurrentPollText { position: static !important; width: auto !important; height: auto !important; margin: 0 0 10px; color: var(--bm-texto) !important; font: 500 13px/1.35 var(--bm-corpo) !important; }
#CurrentPollBox .ThemeboxButton { position: relative !important; display: block; left: auto !important; bottom: auto !important; width: 135px; height: 25px; margin: 0 auto; }
#CurrentPollBox .Bottom { display: none !important; }
#ThemeboxesColumn > br { display: none; }
#Footer { grid-column: 1 / -1; position: relative; z-index: 2; text-align: center; padding: 8px 0 14px; margin: 0; -webkit-text-fill-color: var(--bm-suave); }