/**
 * Filtro (tipo + eixo + busca) da Lista de publicações.
 *
 * A barra só existe visualmente com JS: publicacoes.js é quem de fato
 * filtra os resultados, então sem ele a página some com a barra e mostra
 * a grade completa renderizada pelo servidor (com paginação nativa).
 */

.no-js .mrosc-filtro-publicacoes,
.no-js .mrosc-filtro-status {
	display: none;
}

.mrosc-filtro-publicacoes {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: var( --wp--preset--spacing--30, 1rem );
	margin: 0 0 var( --wp--preset--spacing--40, 2rem );
}

.mrosc-filtro-publicacoes__campo {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	flex: 1 1 12rem;
}

.mrosc-filtro-publicacoes__campo--busca {
	flex: 2 1 16rem;
	max-width: 34rem;
}

.mrosc-filtro-publicacoes__campo label {
	font-size: var( --wp--preset--font-size--small, 0.875rem );
	color: var( --wp--preset--color--contrast-soft, #5c5c5c );
}

.mrosc-filtro-publicacoes select,
.mrosc-filtro-publicacoes input[type="search"] {
	width: 100%;
	padding: 0.55rem 0.75rem;
	border: 1px solid var( --wp--preset--color--base-alt, #ccc );
	border-radius: 4px;
	font-size: var( --wp--preset--font-size--medium, 1rem );
	background-color: var( --wp--preset--color--base, #fff );
}

.mrosc-filtro-publicacoes__limpar {
	flex: 0 0 auto;
	padding: 0.6rem 1.1rem;
	border: 1px solid var( --wp--preset--color--base-alt, #ccc );
	border-radius: 24px;
	background: var( --wp--preset--color--base, #fff );
	cursor: pointer;
	font-size: var( --wp--preset--font-size--small, 0.875rem );
}

.mrosc-filtro-publicacoes__limpar:hover {
	background: var( --wp--preset--color--base-alt, #f3f3f3 );
}

/* Reaproveita a mesma classe de status usada em signatarias.css. */
.mrosc-filtro-status {
	min-height: 1.5em;
	margin: 0 0 var( --wp--preset--spacing--30, 1rem );
	color: var( --wp--preset--color--contrast-soft, #5c5c5c );
	font-size: var( --wp--preset--font-size--small, 0.875rem );
}

/* A grade filtrada não usa a paginação nativa do bloco Query Loop. */
.mrosc-publicacoes-grid.mrosc-publicacoes-grid--filtrada .wp-block-query-pagination {
	display: none;
}

/*
 * Cards renderizados por publicacoes.js. Ficam dentro do mesmo container
 * (.wp-block-post-template) do bloco Query Loop, herdando o grid e o
 * espaçamento entre colunas já definidos pelo bloco.
 */
.mrosc-pub-card {
	display: flex;
	flex-direction: column;
	gap: var( --wp--preset--spacing--20, 0.75rem );
}

.mrosc-pub-card__thumb {
	display: block;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: 4px;
}

.mrosc-pub-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: var( --wp--preset--color--base, #fff );
}

.mrosc-pub-card__meta {
	font-size: var( --wp--preset--font-size--small, 0.875rem );
	color: var( --wp--preset--color--marca-clara, #244893 );
	margin: 0;
}

.mrosc-pub-card__titulo {
	font-size: var( --wp--preset--font-size--large, 1.25rem );
	margin: 0;
}

.mrosc-pub-card__titulo a {
	text-decoration: none;
	color: inherit;
}

.mrosc-pub-card__resumo {
	color: var( --wp--preset--color--contrast, #1a1a1a );
}

.mrosc-pub-card__resumo p {
	margin: 0;
}

/* ---------------------------------------------------------------
 * Chips de assunto (server-side, links ?assunto=slug na mesma página).
 */
.mrosc-assuntos-chips {
	margin: 0 0 var( --wp--preset--spacing--30, 1rem );
}

.mrosc-assuntos-chips ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.mrosc-assuntos-chips__item {
	display: inline-block;
	padding: 0.45rem 0.9rem;
	border: 1px solid var( --wp--preset--color--base-alt, #e0e0e0 );
	border-radius: 999px;
	background: var( --wp--preset--color--base, #fff );
	color: var( --wp--preset--color--contrast, #1a1a1a );
	font-size: var( --wp--preset--font-size--small, 0.875rem );
	text-decoration: none;
	line-height: 1.2;
}

.mrosc-assuntos-chips__item:hover,
.mrosc-assuntos-chips__item:focus-visible {
	border-color: var( --wp--preset--color--marca-clara, #244893 );
	color: var( --wp--preset--color--marca-clara, #244893 );
}

.mrosc-assuntos-chips__item--ativa {
	background: var( --wp--preset--color--marca, #2e3466 );
	border-color: var( --wp--preset--color--marca, #2e3466 );
	color: var( --wp--preset--color--base, #fff );
	font-weight: 600;
}

.mrosc-assuntos-chips__item--ativa:hover,
.mrosc-assuntos-chips__item--ativa:focus-visible {
	color: var( --wp--preset--color--base, #fff );
}

/* Link "Remover filtro" no status quando um assunto está ativo. */
.mrosc-filtro-status a {
	margin-left: 0.4rem;
	font-weight: 600;
	color: var( --wp--preset--color--marca, #2e3466 );
	text-underline-offset: 2px;
}

/* ---------------------------------------------------------------
 * Visual de card na grade (nativo li > article e cards da busca).
 */
.mrosc-publicacoes-grid .wp-block-post {
	padding: 0;
	list-style: none;
}

.mrosc-publicacoes-grid .wp-block-post > .wp-block-group,
.mrosc-publicacoes-grid .mrosc-pub-card {
	background: var( --wp--preset--color--base, #ffffff );
	border: 1px solid var( --wp--preset--color--base-alt, #e8e8e8 );
	border-radius: 12px;
	box-sizing: border-box;
	height: 100%;
	padding: 1.05rem 1.15rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mrosc-publicacoes-grid .wp-block-post > .wp-block-group:hover,
.mrosc-publicacoes-grid .mrosc-pub-card:hover {
	border-color: var( --wp--preset--color--marca-clara, #9db6d8 );
	box-shadow: 0 3px 14px rgb(46 52 102 / 0.10);
}

.mrosc-publicacoes-grid .wp-block-post-title {
	margin: 0;
}

/* ---------------------------------------------------------------
 * Estilo biblioteca/livraria: capa em destaque (3/4), assunto como
 * etiqueta e CTA em pílula.
 */
.mrosc-publicacoes-grid .wp-block-post-featured-image img,
.mrosc-relacionadas-grid .wp-block-post-featured-image img,
.mrosc-pub-card__thumb img {
	border-radius: 4px;
	background: var( --wp--preset--color--base, #fff );
	box-shadow: 0 8px 18px rgb( 46 52 102 / 0.16 );
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.mrosc-publicacoes-grid .wp-block-post:hover .wp-block-post-featured-image img,
.mrosc-relacionadas-grid .wp-block-post:hover .wp-block-post-featured-image img,
.mrosc-pub-card:hover .mrosc-pub-card__thumb img {
	box-shadow: 0 12px 24px rgb( 46 52 102 / 0.22 );
	transform: translateY(-2px);
}

/* Etiqueta do assunto (categoria) */
.mrosc-publicacoes-grid .mrosc-pub-card__cat a,
.mrosc-relacionadas-grid .mrosc-pub-card__cat a,
.mrosc-pub-card__cat {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
}

/* CTA "Ver publicação" */
.mrosc-publicacoes-grid a.wp-block-read-more,
.mrosc-relacionadas-grid a.wp-block-read-more,
.mrosc-pub-card__cta {
	display: inline-block;
	padding: 0.4rem 0.95rem;
	border: 1px solid var( --wp--preset--color--marca, #2e3466 );
	border-radius: 999px;
	color: var( --wp--preset--color--marca, #2e3466 );
	font-size: var( --wp--preset--font-size--small, 0.875rem );
	font-weight: 600;
	text-decoration: none;
}

.mrosc-publicacoes-grid a.wp-block-read-more:hover,
.mrosc-relacionadas-grid a.wp-block-read-more:hover,
.mrosc-pub-card__cta:hover {
	background: var( --wp--preset--color--marca, #2e3466 );
	color: var( --wp--preset--color--base, #fff );
}

.mrosc-pub-card__data {
	margin: 0;
	font-size: var( --wp--preset--font-size--small, 0.875rem );
	color: var( --wp--preset--color--contrast-soft, #5c5c5c );
}

/* Grade das relacionadas: mesma pele de card do hub */
.mrosc-relacionadas-grid .wp-block-post {
	padding: 0;
	list-style: none;
}

.mrosc-relacionadas-grid .wp-block-post > .wp-block-group,
.mrosc-relacionadas-grid .mrosc-pub-card {
	background: var( --wp--preset--color--base, #ffffff );
	border: 1px solid var( --wp--preset--color--base-alt, #e8e8e8 );
	border-radius: 12px;
	box-sizing: border-box;
	height: 100%;
	padding: 1rem 1.05rem;
}

.mrosc-relacionadas-grid .wp-block-post-title {
	margin: 0;
}

/* Capa do single: centralizada, estilo livro */
.capa-publicacao {
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.capa-publicacao img {
	border-radius: 4px;
	box-shadow: 0 10px 24px rgb( 46 52 102 / 0.18 );
}

/* Tags do single em pílulas */
.tags-publicacao .wp-block-post-terms a {
	display: inline-block;
	margin: 0 0.4rem 0.4rem 0;
	padding: 0.3rem 0.75rem;
	border: 1px solid var( --wp--preset--color--base-alt, #e0e0e0 );
	border-radius: 999px;
	font-size: var( --wp--preset--font-size--small, 0.875rem );
	text-decoration: none;
	color: var( --wp--preset--color--contrast, #1a1a1a );
}

.tags-publicacao .wp-block-post-terms a:hover {
	border-color: var( --wp--preset--color--marca-clara, #244893 );
	color: var( --wp--preset--color--marca-clara, #244893 );
}

.tags-publicacao .wp-block-post-terms__separator {
	display: none;
}

/* ---------------------------------------------------------------
 * Contagem nos chips, ordenação e selo "Novo".
 */
.mrosc-assuntos-chips__contagem {
	margin-left: 0.3rem;
	font-size: 0.8em;
	font-variant-numeric: tabular-nums;
	opacity: 0.75;
}

.mrosc-assuntos-chips__item--ativa .mrosc-assuntos-chips__contagem {
	opacity: 0.9;
}

.mrosc-ordem {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 var(--wp--preset--spacing--30, 1.5rem);
}

.mrosc-ordem__rotulo {
	color: var( --wp--preset--color--contrast-soft, #5c5c5c );
	font-size: var( --wp--preset--font-size--small, 0.875rem );
}

.mrosc-ordem ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mrosc-ordem__item {
	display: inline-block;
	padding: 0.25rem 0.7rem;
	border: 1px solid var( --wp--preset--color--base-alt, #e0e0e0 );
	border-radius: 999px;
	font-size: var( --wp--preset--font-size--small, 0.875rem );
	text-decoration: none;
	color: inherit;
}

.mrosc-ordem__item--ativa {
	background: var( --wp--preset--color--marca, #2e3466 );
	border-color: var( --wp--preset--color--marca, #2e3466 );
	color: var( --wp--preset--color--base, #fff );
}

.mrosc-selo-novo {
	display: inline-block;
	margin-bottom: 0.35rem;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	background: var( --wp--preset--color--marca-clara, #244893 );
	color: var( --wp--preset--color--base, #fff );
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.mrosc-filtro-status--tag {
	margin-top: 0.75rem;
}

/* ---------------------------------------------------------------
 * Single em duas colunas (capa à esquerda) e tratamento do PDF.
 */
.publicacao-capa .capa-publicacao {
	max-width: 26rem;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 782px) {
	.publicacao-capa.wp-block-column {
		align-self: flex-start;
		position: sticky;
		top: 6rem;
	}
}

/* Download do PDF: um único link, apresentado como botão. */
.mrosc-pdf {
	margin: var( --wp--preset--spacing--30, 1.5rem ) 0 0;
}

.mrosc-pdf__botao,
.mrosc-pdf a[href$=".pdf"] {
	display: inline-block;
	padding: 0.55rem 1.1rem;
	border: 1px solid var( --wp--preset--color--marca, #2e3466 );
	border-radius: 999px;
	background: var( --wp--preset--color--marca, #2e3466 );
	color: var( --wp--preset--color--base, #fff );
	font-weight: 600;
	text-decoration: none;
}

.mrosc-pdf__botao:hover,
.mrosc-pdf a[href$=".pdf"]:hover {
	background: var( --wp--preset--color--marca-clara, #244893 );
	border-color: var( --wp--preset--color--marca-clara, #244893 );
}

/* Transcrição do PDF (details) */
.mrosc-transcricao {
	margin-top: var( --wp--preset--spacing--40, 2rem );
	border: 1px solid var( --wp--preset--color--base-alt, #e8e8e8 );
	border-radius: 12px;
	padding: 0.9rem 1.1rem;
}

.mrosc-transcricao summary {
	cursor: pointer;
	font-weight: 600;
	color: var( --wp--preset--color--marca, #2e3466 );
}

.mrosc-transcricao__texto {
	margin-top: 0.75rem;
	max-height: 32rem;
	overflow: auto;
	font-size: var( --wp--preset--font-size--small, 0.9rem );
	line-height: 1.6;
	white-space: pre-wrap;
}