/**
 * Busca da Lista de signatárias + cards dos resultados.
 *
 * O filtro por UF é server-side (clique no mapa → ?uf=ac, Query Loop
 * paginado). O que este CSS cobre é a busca por nome (signatarias.js) e o
 * estado dos cards. A barra de busca some sem JS (no-js), deixando a grade
 * completa do servidor.
 */

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

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

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

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

.mrosc-filtro-signatarias 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-signatarias__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-signatarias__limpar:hover {
	background: var( --wp--preset--color--base-alt, #f3f3f3 );
}

.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 );
}

/* Link "Remover filtro" no status quando uma UF está ativa (?uf=ac). */
.mrosc-filtro-status a {
	margin-left: 0.4rem;
	font-weight: 600;
	color: var( --wp--preset--color--marca, #1a3a8f );
	text-underline-offset: 2px;
}

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

/*
 * Cards renderizados por signatarias.js. Ficam dentro do mesmo container
 * (.wp-block-post-template) do bloco Query Loop, então herdam o grid e o
 * espaçamento entre colunas que o bloco já define — só o conteúdo de cada
 * card é próprio, sem tentar reproduzir o HTML que o bloco geraria.
 *
 * Signatária não tem página própria e não tem imagem obrigatória: o card
 * da busca é o nome (e a região/UF), sem thumbnail e sem link.
 */
.mrosc-sig-card {
	display: flex;
	flex-direction: column;
	gap: var( --wp--preset--spacing--10, 0.35rem );
	padding: var( --wp--preset--spacing--20, 0.75rem ) 0;
}

.mrosc-sig-card__titulo {
	font-size: var( --wp--preset--font-size--medium, 1rem );
	margin: 0;
	/* Corrige o CAPS LOCK herdado da importação, sem tocar no banco. */
	text-transform: none;
}

.mrosc-sig-card__titulo::first-letter {
	text-transform: uppercase;
}

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

/* ---------------------------------------------------------------
 * Visual de card na grade (desktop: até 4 colunas em wideSize 1140).
 * O grid nativo (li > article) e os cards da busca (.mrosc-sig-card)
 * recebem a mesma pele: fundo base, borda hairline, raio e padding.
 */
.mrosc-signatarias-grid .wp-block-post {
	padding: 0;
	list-style: none;
}

.mrosc-signatarias-grid .wp-block-post > .wp-block-group,
.mrosc-signatarias-grid .mrosc-sig-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-signatarias-grid .wp-block-post > .wp-block-group:hover,
.mrosc-signatarias-grid .mrosc-sig-card:hover {
	border-color: var( --wp--preset--color--marca-clara, #9db6d8 );
	box-shadow: 0 3px 14px rgb(46 52 102 / 0.10);
}

/* Nome do card nativo alinhado ao card da busca. */
.mrosc-signatarias-grid .wp-block-post-title {
	margin: 0;
}