/* respiro-rodape.css — [2026-10-10 du] Espaço entre o fim do conteúdo e o rodapé (computador) / o menu fixo de
   baixo (celular). Antes cada página tinha o seu: 80px (padrão do Canvas, ex.: Jogos), 64 (Blog), 60 (Grupos,
   Busca, Categorias), 48 (Loja) e, no celular, 70–100px nas ferramentas (Bind Generator, Calculadora, Crosshair,
   SteamInsight) — sobra da época em que o menu de baixo não tinha folga própria (hoje o #wrapper já reserva 52px).
   Agora: um ritmo só, igual ao do topo — 32px no computador e 24px no celular.

   Cuidado com quem NÃO entra:
   • a regra A (sem !important) só vence o padrão do Canvas e as classes das páginas (.tvl-wrap, .tvg-wrap…);
     páginas que puseram um valor próprio com !important (Drive, Galeria, Diário, Agenda, Log, Configurações,
     Finance, Play, Alaska…) continuam exatamente como estão;
   • fora da lista: home, jogos de tela cheia (game, portal-noctacilo, multivacuo, vacbird, alaska), mapa (earth),
     chat/direct, perfil (u) e notas — cada um tem o seu encaixe com o rodapé/menu.
   Para desfazer: tirar o <link> deste arquivo do index.php. */
:root { --tv-respiro-fim: 32px; }
@media (max-width: 767.98px) { :root { --tv-respiro-fim: 24px; } }

/* A — padrão do Canvas e classes de página sem !important */
html:not(#tvrr) body[data-tvpg]:not([data-tvpg="home"], [data-tvpg="game"], [data-tvpg="portal-noctacilo"], [data-tvpg="multivacuo"], [data-tvpg="vacbird"], [data-tvpg="alaska"], [data-tvpg="earth"], [data-tvpg="chat"], [data-tvpg="direct"], [data-tvpg="u"], [data-tvpg="notas"]) #content > .content-wrap {
	padding-bottom: var(--tv-respiro-fim);
}

/* B — páginas cujo espaço extra vinha com !important (blog/categoria, busca, categorias do blog) */
html:not(#tvrr):not(#tvrr) body #content > .content-wrap:is(.tvbn-pagina, .tvb-wrap, .tvbc-pagina) {
	padding-bottom: var(--tv-respiro-fim) !important;
}

/* C — celular: ferramentas e páginas antigas (PerfectKey, Finance, Play, MySQL) com 50–100px "para o menu de baixo" (o menu já tem a folga dele no #wrapper) */
@media (max-width: 767.98px) {
	html:not(#tvrr):not(#tvrr) body:is([data-tvpg="bind-generator"], [data-tvpg="calculadora-de-juros-compostos"], [data-tvpg="crosshair-converter"], [data-tvpg="steaminsight"], [data-tvpg="perfectkey"], [data-tvpg="finance"], [data-tvpg="play"], [data-tvpg="mysql"]) #content > .content-wrap {
		padding-bottom: var(--tv-respiro-fim) !important;
	}
}

/* D — Grupos (/grupos e /grupo/…): a última seção ainda somava 34px de margem embaixo */
html:not(#tvrr) body #content > .content-wrap.tvg-wrap > .container > .tvg-secao:last-child { margin-bottom: 0; }

/* E — Termos de Uso e Política de Privacidade: o último parágrafo somava 30px de margem embaixo */
html:not(#tvrr) body:is([data-tvpg="termos-de-uso"], [data-tvpg="politica-de-privacidade"]) #content .postcontent > :last-child > :last-child { margin-bottom: 0; }
