/* titulo-paginas.css — [2026-10-10 dp] Faixa de título das páginas (section.page-title) no computador.
   O universo.css §16 (compartilhado pelo site inteiro) passou a dar 16px em cima e 0 embaixo às faixas de título
   (alteração de 10/10, 14:40, sem registro), e a faixa ficou espremida e colada no conteúdo (Loja, Inventário,
   Carteira, Configurações, Suporte, Termos, páginas de admin…). Este arquivo, carregado DEPOIS do universo.css,
   devolve o ritmo documentado em 28/09/2026 ("barras de título com 28/26 px"), sem editar o arquivo compartilhado.
   Fora daqui: o perfil (data-tvpg="u", capa própria) e a página Jogos (faixa própria .tvjg-topo, jogos.css).
   No celular nada muda (o universo.css já dá 22/20 px lá).
   Para desfazer: tirar o <link> deste arquivo do index.php. */
@media (min-width: 768px) {
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title {
		padding-top: 28px !important;
		padding-bottom: 26px !important;
	}
}

/* ---------------------------------------------------------------- celular  [2026-10-10 ds]
   Antes: o Canvas centralizava o título e escondia o caminho (Home / Página) abaixo de 768 px — o "Loja" ficava
   solto no meio de uma faixa alta, desalinhado do conteúdo (que começa à esquerda).
   Agora: título à esquerda (alinhado com o conteúdo), caminho pequeno à direita na mesma linha (vai para baixo
   sozinho se o título for longo) e faixa mais enxuta. Mesmas páginas da regra de cima (fora perfil e Jogos). */
@media (max-width: 767.98px) {
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		text-align: left !important;
	}
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title .page-title-row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 4px 12px;
		text-align: left !important;
	}
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title .page-title-content {
		flex: 1 1 auto;
		min-width: 0;
		text-align: left !important;
	}
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title h1 {
		font-size: 20px !important;
		line-height: 1.25 !important;
		margin: 0 !important;
		text-align: left !important;
		overflow-wrap: anywhere;
	}
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title nav[aria-label="breadcrumb"] {
		display: block !important;
		flex: 0 1 auto;
		min-width: 0;
	}
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title .breadcrumb {
		position: static !important;
		transform: none !important;
		margin: 0 !important;
		justify-content: flex-end;
		flex-wrap: nowrap;
		font-size: 12px !important;
		white-space: nowrap;
	}
	html:not(#tvtp):not(#tvtp):not(#tvtp) body[data-tvpg]:not([data-tvpg="u"], [data-tvpg="jogos"]) section.page-title .breadcrumb-item {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 46vw;
	}
}