/* Memória dos atingidos | identidade visual sobre o Tainacan Interface
 * Só aparência: não altera busca, filtros, ordenação, visualizações nem metadados do Tainacan.
 * Cores e fontes: tokens em blocos.css (--ma-*) e theme.json.
 */

/* ---------- Base ---------- */
html body:not(.wp-admin) {
	background-color: var(--ma-papel);
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-texto) !important;
	font-size: 1rem;
}
body :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--ma-fonte-titulo);
	font-optical-sizing: auto;
}
body :focus-visible {
	outline: 3px solid var(--ma-petroleo);
	outline-offset: 3px;
	box-shadow: 0 0 0 3px var(--ma-branco);
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* ---------- Cabeçalho ---------- */
nav.navbar.menu-shadow {
	border-bottom: 1px solid var(--ma-linha);
	box-shadow: none;
}
nav.menu-shadow .max-large .tainacan-logo {
	align-items: center;
	display: flex;
	gap: 1rem;
	padding: 0.75rem 0;
	text-decoration: none;
}
.tainacan-logo .ma-marca__nome {
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.12;
	max-width: 6.6em;
	white-space: normal;
}
.tainacan-logo:hover .ma-marca__nome { color: var(--ma-terracota); }
nav.menu-shadow .max-large .tainacan-logo h1 {
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-weight: 600;
}
nav.menu-belowheader #menubelowHeader > ul > li.menu-item a {
	color: var(--ma-petroleo);
	font-size: 1.0625rem;
}
nav.menu-belowheader #menubelowHeader > ul > li.menu-item a:hover,
nav.menu-belowheader #menubelowHeader > ul > li.menu-item a:focus {
	color: var(--ma-terracota);
}
nav.menu-belowheader #menubelowHeader > ul > li .dropdown-menu {
	border: 1px solid var(--ma-linha);
	border-radius: var(--ma-raio);
}
nav.menu-belowheader #menubelowHeader > ul > li .dropdown-menu a.dropdown-item {
	font-size: 1rem;
}
nav.menu-belowheader #menubelowHeader > ul > li .dropdown-menu a.dropdown-item:hover,
nav.menu-belowheader #menubelowHeader > ul > li .dropdown-menu a.dropdown-item:focus {
	background-color: var(--ma-papel);
}
nav.menu-shadow .max-large .btn-group button i,
.navbar-box .navbar-toggler .tainacan-icon {
	color: var(--ma-petroleo);
}

/* ---------- Banner (Personalizar > Imagem do cabeçalho) ---------- */
.page-header {
	background-color: var(--ma-petroleo);
}
/* O cabeçalho de coleção (page-header--image-full) contém imagem + faixa da coleção: altura automática */
.page-header:not(.page-header--image-full) {
	height: 150px;
}
.page-header .title-header h1 {
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-weight: 600;
}

/* ---------- Trilha de navegação ---------- */
.tainacan-breadcrumbs,
.tainacan-breadcrumbs a {
	font-size: 1rem;
}

/* ---------- Título e conteúdo das páginas ---------- */
.tainacan-title .tainacan-title-page {
	border-bottom-color: var(--ma-linha);
}
/* O tema pai fixa 1.25rem !important neste título */
.tainacan-title .tainacan-title-page .title-page h1 {
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-size: clamp(2rem, 4vw, 3rem) !important;
	font-weight: 600;
	line-height: 1.15;
}
/* Texto corrido: 18 px, até 68 caracteres por linha (manual, p. 4) */
.tainacan-single-post .tainacan-content:not(.single-item-collection) {
	font-size: 1.125rem;
	line-height: 1.6;
}
.tainacan-single-post .tainacan-content:not(.single-item-collection) > :is(p, ul, ol):not([class*="is-style-"]) {
	max-width: 68ch;
}
/* Títulos no conteúdo. O tema pai usa uma regra muito específica; tamanhos escolhidos no editor continuam valendo. */
.tainacan-single-post h1.wp-block-heading:not([class*="-font-size"]) { font-size: var(--wp--preset--font-size--titulo-principal) !important; }
.tainacan-single-post h2.wp-block-heading:not([class*="-font-size"]) { font-size: var(--wp--preset--font-size--titulo-secao) !important; }
.tainacan-single-post h3.wp-block-heading:not([class*="-font-size"]) { font-size: var(--wp--preset--font-size--destaque) !important; }
.tainacan-single-post .wp-block-heading { color: var(--ma-petroleo); }

/* ---------- Botões ----------
 * O tema pai acrescenta .btn .btn-jelly-bean aos botões; aqui eles voltam ao padrão do manual (mín. 44 px de altura).
 */
.wp-block-buttons .wp-block-button .wp-block-button__link.btn {
	align-items: center;
	border-radius: var(--ma-raio);
	display: inline-flex;
	font-size: 1rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.5;
	min-height: 44px;
	padding: 0.65rem 1.25rem;
}
.wp-block-buttons .wp-block-button:not(.is-style-outline):not(.is-style-ma-link) .wp-block-button__link.btn:is(:hover, :focus) {
	background-color: var(--ma-petroleo);
	border-color: var(--ma-petroleo);
	color: var(--ma-branco);
}
.wp-block-buttons .wp-block-button.is-style-ma-link .wp-block-button__link.btn {
	background-color: transparent;
	border-color: transparent;
	color: var(--ma-petroleo);
	font-weight: 400;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.wp-block-buttons .wp-block-button.is-style-ma-link .wp-block-button__link.btn:is(:hover, :focus) {
	background-color: transparent;
	color: var(--ma-terracota);
}

/* ---------- Rodapé (Personalizar > Configurações do rodapé) ---------- */
footer.tainacan-footer.tainacan-footer-dark {
	background-color: var(--ma-petroleo);
	color: var(--ma-papel);
}
footer.tainacan-footer.tainacan-footer-light {
	background-color: var(--ma-branco);
	border-top: 1px solid var(--ma-linha);
}
footer.tainacan-footer.tainacan-footer-colored {
	background-color: var(--ma-terracota);
}
footer.tainacan-footer .tainacan-footer-area-separator {
	border-top-color: rgba(245, 240, 230, 0.25);
}
.ma-rodape__marca {
	align-items: flex-start;
	display: flex;
	gap: 1.5rem;
}
.ma-rodape__logo {
	flex: none;
	height: auto;
	width: 96px; /* mínimo recomendado pelo manual */
}
.ma-rodape__texto p { margin: 0 0 0.35rem; }
footer.tainacan-footer .ma-rodape__nome {
	font-family: var(--ma-fonte-titulo);
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.2;
}
footer.tainacan-footer .ma-rodape__vinculo { font-size: 1rem; letter-spacing: 0.02em; }
footer.tainacan-footer .ma-rodape__contato { font-size: 1rem; }
footer.tainacan-footer-dark :is(.ma-rodape__nome, .ma-rodape__vinculo, .ma-rodape__contato) { color: var(--ma-papel); }
footer.tainacan-footer-dark a,
footer.tainacan-footer-dark .tainacan-footer-info--developer { color: var(--ma-papel); }
footer.tainacan-footer-dark a:hover { color: var(--ma-ocre); }
footer.tainacan-footer-light :is(.ma-rodape__nome, .ma-rodape__vinculo, .ma-rodape__contato, a) { color: var(--ma-petroleo); }
.ma-rodape__creditos {
	align-self: flex-end;
	font-size: 0.9375rem;
	padding-top: 1rem;
}
@media (max-width: 576px) {
	.ma-rodape__marca { flex-direction: column; gap: 1rem; }
}

/* ---------- Banner: altura menor, o grafismo funciona como divisória ---------- */
.page-header.page-height:not(.page-header--image-full) { height: 200px; }
@media only screen and (max-width: 576px) {
	.page-header:not(.page-header--image-full),
	.page-header.page-height:not(.page-header--image-full) { height: 120px; }
}

/* ---------- Coleção: cabeçalho ----------
 * A cor de fundo/texto definida em cada coleção (Tainacan > Coleção > Configurações) continua tendo prioridade.
 */
/* O tema pai usa ".page-header > div.t-bg-collection" (#2c2d2d); a cor de cada coleção usa !important e continua valendo */
.t-bg-collection,
.page-header > div.t-bg-collection {
	background-color: var(--ma-petroleo);
	border-top-color: var(--ma-papel);
}
.t-bg-collection h2,
.t-bg-collection .t-collection--info-title {
	font-family: var(--ma-fonte-titulo);
	font-weight: 600;
}
.t-bg-collection .image-placeholder {
	background: var(--ma-nevoa) url('../marca/padrao-linhas-nevoa.svg') center / cover;
}
.t-bg-collection .image-placeholder h4,
.tainacan-list-post .image-placeholder > h4 {
	background-color: var(--ma-papel);
	border-radius: 999px;
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-style: normal;
	flex: none;
	font-weight: 600;
	margin: auto;
	padding: 0.15em 0.45em;
}

/* ---------- Lista de coleções (/colecoes/) ---------- */
.tainacan-list-post .tainacan-list-collection--container-card .image-placeholder,
.tainacan-list-post .tainacan-list-collection--container-grid .tainacan-list-collection--grid .image-placeholder,
.tainacan-list-post table .tainacan-list-collection .collection-miniature .image-placeholder {
	background: var(--ma-nevoa) url('../marca/padrao-linhas-nevoa.svg') center / cover !important;
}
.tainacan-list-post .tainacan-list-collection--grid-link:hover .image-placeholder,
.tainacan-list-post .tainacan-list-collection--card-link:hover .image-placeholder,
.tainacan-list-post .tainacan-list-collection--container-card .tainacan-list-collection--card:hover .image-placeholder {
	background: var(--ma-ocre) url('../marca/padrao-linhas-ocre.svg') center / cover !important;
}
.tainacan-list-post .tainacan-list-collection--container-card .tainacan-list-collection--card .media-body p {
	color: var(--ma-cinza);
	font-size: 1rem;
	line-height: 1.5;
}
.tainacan-list-post :is(.tainacan-list-collection--card-title, .tainacan-list-collection--grid-title, .tainacan-list-collection--title) {
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-weight: 600;
}

/* ---------- Tainacan: busca, filtros e listas de itens ----------
 * Usa as variáveis oficiais do plugin; os controles continuam os do Tainacan.
 */
body .theme-items-list,
body .tainacan-modal,
body .vue-tooltip-theme,
body .wp-block-tainacan-faceted-search {
	--tainacan-font-family: var(--ma-fonte-texto);
	--tainacan-heading-color: var(--ma-petroleo);
	--tainacan-label-color: var(--ma-petroleo);
	--tainacan-info-color: var(--ma-cinza);
	--tainacan-input-color: var(--ma-petroleo);
	--tainacan-input-background-color: var(--ma-branco);
	--tainacan-input-border-color: var(--ma-linha);
	--tainacan-gray1: var(--ma-nevoa);
	--tainacan-gray2: var(--ma-linha);
	--tainacan-gray4: var(--ma-cinza);
	--tainacan-gray5: var(--ma-petroleo);
	--tainacan-item-hover-background-color: var(--ma-papel);
	--tainacan-item-heading-hover-background-color: var(--ma-linha);
	--tainacan-skeleton-color: var(--ma-nevoa);
	--tainacan-input-border-radius: var(--ma-raio);
	--tainacan-button-border-radius: var(--ma-raio);
	--tainacan-item-border-radius: var(--ma-raio);
}
/* Títulos dos registros em serifa, como no manual (p. 7) */
.theme-items-list .metadata-title,
.theme-items-list .metadata-title p {
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-weight: 600;
}
.theme-items-list :is(.tainacan-masonry-item, .tainacan-card, .tainacan-record, .tainacan-grid-item) .metadata-title p {
	font-size: 1.0625rem !important;
	line-height: 1.3;
}
.theme-items-list :is(.tainacan-masonry-item, .tainacan-card, .tainacan-record, .tainacan-grid-item):hover .metadata-title p {
	color: var(--ma-terracota);
}
.theme-items-list .search-area input,
.theme-items-list .search-control .input {
	font-size: 1rem;
	min-height: 2.5rem;
}
.theme-items-list .filters-menu h3,
.theme-items-list #filters-modal .modal-content > h3,
.tainacan-modal .filters-menu h3 {
	font-family: var(--ma-fonte-titulo);
	font-weight: 600;
}
.theme-items-list .pagination-area { color: var(--ma-cinza); }
.theme-items-list .pagination-link.is-current {
	background-color: var(--ma-petroleo);
	border-color: var(--ma-petroleo);
	color: var(--ma-branco);
}

/* ---------- Ficha do item (manual, p. 8) ----------
 * Título em destaque; rótulos curtos em caixa alta; valores em texto legível.
 */
body .single-item-collection .single-item-collection--information .s-item-collection--metadata h3 {
	color: var(--ma-cinza);
	font-family: var(--ma-fonte-texto);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
body .single-item-collection .single-item-collection--information .s-item-collection--metadata p,
body .single-item-collection .single-item-collection--information .s-item-collection--metadata .tainacan-metadatum {
	color: var(--ma-petroleo);
	font-size: 1.0625rem;
	line-height: 1.5;
}
/* Área do documento com o mesmo fundo da página (o tema pai usa branco) */
body .single-item-collection .tainacan-media-component {
	--tainacan-media-background: var(--ma-papel);
}
/* Documento do tipo texto: leitura como texto corrido (18 px, até 68 caracteres por linha) */
.single-item-collection .tainacan-media-item-content[data-media-type="text"] > article {
	color: var(--ma-petroleo);
	font-size: 1.125rem;
	line-height: 1.6;
	max-width: 68ch;
	text-align: left;
}
.tainacan-single-post h2.title-content-items {
	color: var(--ma-petroleo);
	font-family: var(--ma-fonte-titulo);
	font-size: 1.5rem !important;
	font-weight: 600;
}

/* ---------- Linha do tempo (plugin Time Line Tainacan) ---------- */
.wp-block-gesta-tainacan-timeline :is(h2, h3, h4) { font-family: var(--ma-fonte-titulo); }