/**
 * Mercado AgroInveste — estilos do frontend.
 *
 * Desenhado para viver dentro do tema ativo: não define tipografia global nem
 * cores de fundo da página, apenas o necessário para os componentes do mercado.
 * As variáveis podem ser redefinidas pelo tema-filho.
 */

.agro-mercado,
.agro-mercado-ficha,
.agro-mercado-conta,
.agro-mercado-ajuda,
.agro-mercado-escolha,
.agro-mercado-autenticacao,
.agro-mercado-formulario-envolvente,
.agro-mercado-relacionados {
	--agro-cor-principal: #2f6f3e;
	--agro-cor-principal-escura: #24572f;
	--agro-cor-texto: #1f2421;
	--agro-cor-suave: #5d6b62;
	--agro-cor-linha: #dfe5e0;
	--agro-cor-fundo: #f6f8f6;
	--agro-cor-erro: #9b2226;
	--agro-cor-aviso: #8a6100;
	--agro-cor-sucesso: #1f6f3f;
	--agro-raio: 10px;
	--agro-espaco: 16px;

	box-sizing: border-box;
	color: var(--agro-cor-texto);
}

.agro-mercado *,
.agro-mercado-ficha *,
.agro-mercado-conta *,
.agro-mercado-ajuda *,
.agro-mercado-escolha *,
.agro-mercado-autenticacao *,
.agro-mercado-formulario-envolvente *,
.agro-mercado-relacionados * {
	box-sizing: border-box;
}

/*
 * Nada do mercado pode alargar a página.
 *
 * Os filhos de grelhas e caixas flexíveis herdam min-width: auto, e basta um
 * <select> com uma opção longa, como "Material e máquinas agrícolas", para a
 * coluna ficar mais larga do que o ecrã de um telemóvel.
 */
.agro-mercado,
.agro-mercado-ficha,
.agro-mercado-conta,
.agro-mercado-ajuda,
.agro-mercado-escolha,
.agro-mercado-autenticacao,
.agro-mercado-formulario-envolvente,
.agro-mercado-relacionados {
	max-width: 100%;
	overflow-wrap: break-word;
}

.agro-mercado :where(input, select, textarea, img, table),
.agro-mercado-ficha :where(input, select, textarea, img, table),
.agro-mercado-conta :where(input, select, textarea, img, table),
.agro-mercado-escolha :where(input, select, textarea, img, table),
.agro-mercado-autenticacao :where(input, select, textarea, img, table),
.agro-mercado-formulario-envolvente :where(input, select, textarea, img, table),
.agro-mercado-relacionados :where(input, select, textarea, img, table) {
	max-width: 100%;
}

.agro-mercado-filtros__campo,
.agro-mercado__barra > *,
.agro-mercado-grelha > li,
.agro-mercado-cartao,
.agro-mercado-cartao__corpo,
.agro-mercado-ficha__topo > *,
.agro-mercado-ficha__dado > *,
.agro-mercado-conta__item > *,
.agro-mercado-conta__detalhes,
.agro-mercado-autenticacao__colunas > *,
.agro-mercado-escolha__lista > li,
.agro-mercado-formulario__grupo {
	min-width: 0;
}

/*
 * O tema desenha listas e ligações dentro do conteúdo. Estas regras impedem
 * que marcadores e sublinhados do tema apareçam nos componentes do mercado.
 */
.agro-mercado-grelha,
.agro-mercado-grelha > li,
.agro-mercado-cartao__meta,
.agro-mercado-cartao__meta li,
.agro-mercado-ficha__miniaturas,
.agro-mercado-ficha__miniaturas li,
.agro-mercado-contactos,
.agro-mercado-contactos li,
.agro-mercado-conta__lista,
.agro-mercado-conta__lista > li,
.agro-mercado-escolha__lista,
.agro-mercado-escolha__lista > li,
.agro-mercado-fotos,
.agro-mercado-fotos__item {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	text-indent: 0;
}

.agro-mercado-grelha > li::before,
.agro-mercado-cartao__meta li::before,
.agro-mercado-ficha__miniaturas li::before,
.agro-mercado-contactos li::before,
.agro-mercado-conta__lista > li::before,
.agro-mercado-escolha__lista > li::before,
.agro-mercado-fotos__item::before {
	content: none;
}

/*
 * O BlogHash sublinha e colore todas as ligações dentro do conteúdo, com a
 * regra `.content-area .bloghash-entry a`. Os cartões e os botões do mercado
 * são, eles próprios, ligações: sem estas regras o título, o preço e os
 * atributos apareciam sublinhados a verde. A especificidade destes seletores
 * é deliberada, para não depender apenas da ordem das folhas de estilo.
 */
.agro-mercado .agro-mercado-cartao a.agro-mercado-cartao__ligacao,
.agro-mercado-relacionados .agro-mercado-cartao a.agro-mercado-cartao__ligacao,
.agro-mercado .agro-mercado-cartao a.agro-mercado-cartao__ligacao:hover,
.agro-mercado-relacionados .agro-mercado-cartao a.agro-mercado-cartao__ligacao:hover {
	text-decoration: none;
	color: var(--agro-cor-texto, #1f2421);
}

.agro-mercado .agro-mercado-cartao .agro-mercado-cartao__titulo,
.agro-mercado-relacionados .agro-mercado-cartao .agro-mercado-cartao__titulo {
	color: var(--agro-cor-texto, #1f2421);
}

.agro-mercado .agro-mercado-cartao .agro-mercado-cartao__categoria,
.agro-mercado-relacionados .agro-mercado-cartao .agro-mercado-cartao__categoria,
.agro-mercado .agro-mercado-cartao .agro-mercado-cartao__meta,
.agro-mercado-relacionados .agro-mercado-cartao .agro-mercado-cartao__meta {
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado .agro-mercado-cartao .agro-mercado-cartao__preco,
.agro-mercado-relacionados .agro-mercado-cartao .agro-mercado-cartao__preco {
	color: var(--agro-cor-principal, #2f6f3e);
}

.agro-mercado a.agro-mercado-botao,
.agro-mercado-ficha a.agro-mercado-botao,
.agro-mercado-conta a.agro-mercado-botao,
.agro-mercado-ajuda a.agro-mercado-botao,
.agro-mercado-escolha a.agro-mercado-botao,
.agro-mercado-autenticacao a.agro-mercado-botao,
.agro-mercado-formulario-envolvente a.agro-mercado-botao,
.agro-mercado-relacionados a.agro-mercado-botao,
.agro-mercado-escolha a.agro-mercado-escolha__opcao,
.agro-mercado-escolha a.agro-mercado-escolha__opcao:hover {
	text-decoration: none;
}

.agro-mercado a.agro-mercado-botao--ligacao,
.agro-mercado-ficha a.agro-mercado-botao--ligacao,
.agro-mercado-conta a.agro-mercado-botao--ligacao,
.agro-mercado-formulario-envolvente a.agro-mercado-botao--ligacao {
	text-decoration: underline;
}

/*
 * Contraste dos componentes verdes.
 *
 * O BlogHash pinta as ligações dentro do conteúdo com
 * `.content-area a:not(.bloghash-btn, …)`, uma regra de especificidade (0,2,1)
 * que ganhava às declarações de cor deste plugin — (0,1,0) nos botões e (0,2,0)
 * no filtro ativo. O resultado era texto verde sobre fundo verde, ilegível.
 *
 * A classe do componente aparece repetida de propósito nos seletores abaixo:
 * leva-os a (0,3,1) e acima, o que os coloca acima da regra do tema sem
 * depender da ordem pela qual as folhas de estilo são carregadas. O `:is()` com
 * os contentores do plugin não acrescenta especificidade além de uma classe, e
 * serve apenas para limitar o alcance — nenhuma destas regras toca em ligações
 * fora do mercado.
 */
:is(
	.agro-mercado,
	.agro-mercado-ficha,
	.agro-mercado-conta,
	.agro-mercado-ajuda,
	.agro-mercado-escolha,
	.agro-mercado-autenticacao,
	.agro-mercado-formulario-envolvente,
	.agro-mercado-relacionados
) a.agro-mercado-botao.agro-mercado-botao--principal,
:is(
	.agro-mercado,
	.agro-mercado-ficha,
	.agro-mercado-conta,
	.agro-mercado-ajuda,
	.agro-mercado-escolha,
	.agro-mercado-autenticacao,
	.agro-mercado-formulario-envolvente,
	.agro-mercado-relacionados
) a.agro-mercado-botao.agro-mercado-botao--principal:visited {
	color: #fff;
	background: var(--agro-cor-principal, #2f6f3e);
}

:is(
	.agro-mercado,
	.agro-mercado-ficha,
	.agro-mercado-conta,
	.agro-mercado-ajuda,
	.agro-mercado-escolha,
	.agro-mercado-autenticacao,
	.agro-mercado-formulario-envolvente,
	.agro-mercado-relacionados
) a.agro-mercado-botao.agro-mercado-botao--principal:is(:hover, :focus, :active) {
	color: #fff;
	background: var(--agro-cor-principal-escura, #24572f);
}

/* Botões secundários: verde sobre branco, fixado para não depender do tema. */
:is(
	.agro-mercado,
	.agro-mercado-ficha,
	.agro-mercado-conta,
	.agro-mercado-ajuda,
	.agro-mercado-escolha,
	.agro-mercado-autenticacao,
	.agro-mercado-formulario-envolvente,
	.agro-mercado-relacionados
) a.agro-mercado-botao.agro-mercado-botao--secundario:is(:link, :visited, :hover, :focus, :active) {
	color: var(--agro-cor-principal-escura, #24572f);
}

/* Filtros de estado em "Os meus anúncios". */
.agro-mercado-conta a.agro-mercado-conta__filtro.agro-mercado-conta__filtro:is(:link, :visited, :hover, :focus, :active) {
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-conta a.agro-mercado-conta__filtro.is-ativo,
.agro-mercado-conta a.agro-mercado-conta__filtro.is-ativo:is(:link, :visited, :hover, :focus, :active) {
	color: #fff;
	background: var(--agro-cor-principal, #2f6f3e);
}

/*
 * Foco visível para navegação por teclado.
 *
 * O tema remove o contorno com `.using-keyboard a:not(…):focus { outline: 0 }`,
 * de especificidade (0,2,1). Estes seletores ficam acima disso e usam um tom
 * escuro, que se destaca tanto sobre o fundo branco da página como sobre o
 * verde dos botões.
 */
:is(
	.agro-mercado,
	.agro-mercado-ficha,
	.agro-mercado-conta,
	.agro-mercado-ajuda,
	.agro-mercado-escolha,
	.agro-mercado-autenticacao,
	.agro-mercado-formulario-envolvente,
	.agro-mercado-relacionados
) :is(a, button).agro-mercado-botao:focus-visible,
.agro-mercado-conta a.agro-mercado-conta__filtro:focus-visible {
	outline: 3px solid var(--agro-cor-texto, #1f2421);
	outline-offset: 2px;
}

/* Avisos ------------------------------------------------------------------ */

.agro-mercado-aviso {
	border-left: 4px solid var(--agro-cor-suave, #5d6b62);
	background: #f3f5f3;
	padding: 12px 16px;
	margin: 0 0 20px;
	border-radius: 0 var(--agro-raio, 10px) var(--agro-raio, 10px) 0;
}

.agro-mercado-aviso p,
.agro-mercado-aviso ul {
	margin: 0;
}

.agro-mercado-aviso ul {
	padding-left: 20px;
}

.agro-mercado-aviso--erro {
	border-left-color: #9b2226;
	background: #fdf2f2;
}

.agro-mercado-aviso--sucesso {
	border-left-color: #1f6f3f;
	background: #f1f8f3;
}

.agro-mercado-aviso--aviso {
	border-left-color: #8a6100;
	background: #fdf8ec;
}

/* Botões ------------------------------------------------------------------ */

.agro-mercado-botao {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid transparent;
	border-radius: var(--agro-raio, 10px);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.agro-mercado-botao--principal {
	background: var(--agro-cor-principal, #2f6f3e);
	color: #fff;
}

.agro-mercado-botao--principal:hover,
.agro-mercado-botao--principal:focus {
	background: var(--agro-cor-principal-escura, #24572f);
	color: #fff;
}

.agro-mercado-botao--secundario {
	background: #fff;
	border-color: var(--agro-cor-principal, #2f6f3e);
	color: var(--agro-cor-principal, #2f6f3e);
}

.agro-mercado-botao--secundario:hover,
.agro-mercado-botao--secundario:focus {
	background: #eef5ef;
}

.agro-mercado-botao--ligacao {
	background: none;
	border-color: transparent;
	color: var(--agro-cor-principal, #2f6f3e);
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: underline;
}

.agro-mercado-botao[disabled] {
	opacity: .6;
	cursor: not-allowed;
}

/* Filtros ----------------------------------------------------------------- */

.agro-mercado-filtros {
	background: var(--agro-cor-fundo, #f6f8f6);
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: var(--agro-raio, 10px);
	padding: 16px;
	margin-bottom: 20px;
}

.agro-mercado-filtros__linha {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.agro-mercado-filtros__campo label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-filtros__campo input,
.agro-mercado-filtros__campo select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
}

.agro-mercado-filtros__campo--acao {
	display: flex;
	align-items: flex-end;
}

.agro-mercado-filtros__campo--acao .agro-mercado-botao {
	width: 100%;
}

.agro-mercado__barra {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.agro-mercado__contagem {
	margin: 0;
	color: var(--agro-cor-suave, #5d6b62);
	font-size: 14px;
}

/* Grelha de anúncios ------------------------------------------------------ */

.agro-mercado-grelha {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.agro-mercado-cartao {
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: var(--agro-raio, 10px);
	overflow: hidden;
	background: #fff;
	transition: box-shadow .15s ease, transform .15s ease;
}

.agro-mercado-cartao:hover {
	box-shadow: 0 6px 18px rgba(31, 36, 33, .12);
}

.agro-mercado-cartao--destaque {
	border-color: var(--agro-cor-principal, #2f6f3e);
}

.agro-mercado-cartao__ligacao {
	display: block;
	color: inherit;
	text-decoration: none;
}

.agro-mercado-cartao__imagem {
	position: relative;
	aspect-ratio: 4 / 3;
	background: #eef1ee;
	overflow: hidden;
}

.agro-mercado-cartao__imagem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.agro-mercado-sem-foto {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 140px;
	background: repeating-linear-gradient(45deg, #eef1ee, #eef1ee 10px, #e5e9e5 10px, #e5e9e5 20px);
}

.agro-mercado-etiqueta {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	background: #e9eee9;
	color: var(--agro-cor-texto, #1f2421);
}

.agro-mercado-etiqueta--destaque {
	position: absolute;
	top: 10px;
	left: 10px;
	background: var(--agro-cor-principal, #2f6f3e);
	color: #fff;
}

.agro-mercado-etiqueta--publish {
	background: #e3f2e7;
	color: #1f6f3f;
}

.agro-mercado-etiqueta--pending {
	background: #fdf1d8;
	color: #8a6100;
}

.agro-mercado-etiqueta--agro_vendido {
	background: #e6ecf5;
	color: #29487d;
}

.agro-mercado-etiqueta--agro_expirado,
.agro-mercado-etiqueta--draft {
	background: #ececec;
	color: #555;
}

.agro-mercado-etiqueta--agro_rejeitado {
	background: #fbe4e4;
	color: #9b2226;
}

.agro-mercado-cartao__corpo {
	padding: 14px 16px 18px;
}

.agro-mercado-cartao__categoria {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--agro-cor-suave, #5d6b62);
	margin-bottom: 6px;
}

.agro-mercado-cartao__titulo {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.3;
	color: var(--agro-cor-texto, #1f2421);
}

.agro-mercado-cartao__preco {
	margin: 0 0 10px;
	font-size: 17px;
	font-weight: 700;
	color: var(--agro-cor-principal, #2f6f3e);
}

.agro-mercado-cartao__meta {
	margin: 0;
	font-size: 14px;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-cartao__meta li {
	margin-bottom: 2px;
}

.agro-mercado-cartao__meta-etiqueta {
	font-weight: 600;
}

.agro-mercado-cartao__meta-etiqueta::after {
	content: ": ";
}

/* Paginação --------------------------------------------------------------- */

.agro-mercado-paginacao {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: center;
	margin: 24px 0;
}

.agro-mercado-paginacao__posicao {
	color: var(--agro-cor-suave, #5d6b62);
	font-size: 14px;
}

.agro-mercado-vazio {
	text-align: center;
	padding: 32px 16px;
	background: var(--agro-cor-fundo, #f6f8f6);
	border-radius: var(--agro-raio, 10px);
}

/* Ficha do anúncio -------------------------------------------------------- */

.agro-mercado-ficha__topo {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-bottom: 28px;
}

.agro-mercado-ficha__imagem-principal img {
	width: 100%;
	height: auto;
	border-radius: var(--agro-raio, 10px);
	display: block;
}

.agro-mercado-ficha__miniaturas {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 0;
	padding: 0;
}

.agro-mercado-ficha__miniatura {
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	background: none;
	cursor: pointer;
	overflow: hidden;
	line-height: 0;
}

.agro-mercado-ficha__miniatura.is-ativa,
.agro-mercado-ficha__miniatura:focus-visible {
	border-color: var(--agro-cor-principal, #2f6f3e);
}

.agro-mercado-ficha__miniatura img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	display: block;
}

.agro-mercado-ficha__categoria {
	margin: 0 0 8px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.agro-mercado-ficha__preco {
	margin: 0 0 16px;
	font-size: 26px;
	font-weight: 700;
	color: var(--agro-cor-principal, #2f6f3e);
}

.agro-mercado-ficha__dados {
	margin: 0 0 20px;
	padding: 0;
	border-top: 1px solid var(--agro-cor-linha, #dfe5e0);
}

.agro-mercado-ficha__dado {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2px;
	padding: 8px 0;
	border-bottom: 1px solid var(--agro-cor-linha, #dfe5e0);
}

.agro-mercado-ficha__dado dt {
	margin: 0;
	font-weight: 600;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-ficha__dado dd {
	margin: 0;
}

.agro-mercado-contacto {
	background: var(--agro-cor-fundo, #f6f8f6);
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: var(--agro-raio, 10px);
	padding: 16px;
}

.agro-mercado-contacto .agro-mercado-botao {
	width: 100%;
}

.agro-mercado-contactos {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}

.agro-mercado-contactos li {
	padding: 8px 0;
	border-top: 1px solid var(--agro-cor-linha, #dfe5e0);
}

.agro-mercado-contactos__etiqueta {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-contactos__valor {
	font-size: 18px;
	font-weight: 700;
	word-break: break-word;
}

.agro-mercado-contactos__nota {
	font-size: 13px;
	color: var(--agro-cor-suave, #5d6b62);
	margin: 12px 0 0;
}

.agro-mercado-ficha__gestao {
	background: var(--agro-cor-fundo, #f6f8f6);
	border-radius: var(--agro-raio, 10px);
	padding: 16px 20px;
	margin: 28px 0;
}

.agro-mercado-ficha__contactos-privados {
	font-size: 14px;
	color: var(--agro-cor-suave, #5d6b62);
}

/* Formulários ------------------------------------------------------------- */

.agro-mercado-formulario__grupo {
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: var(--agro-raio, 10px);
	padding: 16px;
	margin: 0 0 20px;
}

.agro-mercado-formulario__grupo legend {
	padding: 0 8px;
	font-weight: 700;
	font-size: 16px;
}

.agro-mercado-campo {
	margin-bottom: 16px;
}

.agro-mercado-campo:last-child {
	margin-bottom: 0;
}

.agro-mercado-campo__etiqueta {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.agro-mercado-campo__etiqueta--caixa {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-weight: 500;
}

.agro-mercado-campo__obrigatorio {
	color: var(--agro-cor-erro, #9b2226);
}

.agro-mercado-campo__opcional {
	font-weight: 400;
	font-size: 13px;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-campo__controlo {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: 8px;
	background: #fff;
	/* 16px evita que o iOS aproxime a página ao focar o campo. */
	font-size: 16px;
	line-height: 1.4;
	font-family: inherit;
}

.agro-mercado-campo__controlo:focus {
	outline: 2px solid var(--agro-cor-principal, #2f6f3e);
	outline-offset: 1px;
	border-color: var(--agro-cor-principal, #2f6f3e);
}

.agro-mercado-campo__caixa {
	width: auto;
	margin-top: 3px;
	flex: 0 0 auto;
}

.agro-mercado-campo__ajuda {
	margin: 6px 0 0;
	font-size: 13px;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-campo__erro {
	margin: 6px 0 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--agro-cor-erro, #9b2226);
}

.agro-mercado-campo--erro .agro-mercado-campo__controlo {
	border-color: var(--agro-cor-erro, #9b2226);
}

.agro-mercado-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.agro-mercado-formulario__acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 8px;
}

.agro-mercado-formulario__nota {
	font-size: 14px;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-fotos {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 16px;
	padding: 0;
}

.agro-mercado-fotos__item {
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: 8px;
	padding: 6px;
	text-align: center;
}

.agro-mercado-fotos__item img {
	display: block;
	width: 96px;
	height: 96px;
	object-fit: cover;
	border-radius: 6px;
}

.agro-mercado-fotos__remover {
	display: block;
	font-size: 13px;
	margin-top: 6px;
}

/* Escolha de categoria ----------------------------------------------------- */

.agro-mercado-escolha__lista {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.agro-mercado-escolha__opcao {
	display: block;
	padding: 16px;
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: var(--agro-raio, 10px);
	text-decoration: none;
	color: inherit;
	background: #fff;
}

.agro-mercado-escolha__opcao:hover,
.agro-mercado-escolha__opcao:focus {
	border-color: var(--agro-cor-principal, #2f6f3e);
	background: #f4f8f5;
}

.agro-mercado-escolha__nome {
	display: block;
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 4px;
}

.agro-mercado-escolha__descricao {
	display: block;
	font-size: 14px;
	color: var(--agro-cor-suave, #5d6b62);
}

/* Área de conta ------------------------------------------------------------ */

.agro-mercado-conta__topo {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.agro-mercado-conta__resumo {
	margin: 0;
	color: var(--agro-cor-suave, #5d6b62);
}

/* Aviso de aprovação ou rejeição -------------------------------------------- */

.agro-mercado-moderacao-aviso {
	padding: 16px 20px;
	margin: 0 0 20px;
	border-left: 5px solid var(--agro-cor-principal, #2f6f3e);
	border-radius: 0 var(--agro-raio, 10px) var(--agro-raio, 10px) 0;
	background: #f1f8f3;
}

.agro-mercado-moderacao-aviso--rejeitado {
	border-left-color: var(--agro-cor-erro, #9b2226);
	background: #fdf2f2;
}

.agro-mercado-moderacao-aviso p {
	margin: 0 0 10px;
}

.agro-mercado-moderacao-aviso p:last-child {
	margin-bottom: 0;
}

.agro-mercado-moderacao-aviso__titulo {
	font-size: 17px;
	font-weight: 700;
	color: var(--agro-cor-principal-escura, #24572f);
}

.agro-mercado-moderacao-aviso--rejeitado .agro-mercado-moderacao-aviso__titulo {
	color: var(--agro-cor-erro, #9b2226);
}

.agro-mercado-moderacao-aviso__anuncio {
	font-weight: 600;
}

/* Confirmação depois de submeter -------------------------------------------- */

.agro-mercado-confirmacao {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 20px;
	margin: 0 0 24px;
	border: 2px solid var(--agro-cor-principal, #2f6f3e);
	border-radius: var(--agro-raio, 10px);
	background: #f1f8f3;
}

.agro-mercado-confirmacao:focus {
	outline: none;
}

.agro-mercado-confirmacao__marca {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--agro-cor-principal, #2f6f3e);
	color: #fff;
}

.agro-mercado-confirmacao__corpo {
	flex: 1 1 auto;
	min-width: 0;
}

.agro-mercado-confirmacao__titulo {
	margin: 0 0 4px;
	font-size: 20px;
	line-height: 1.25;
	color: var(--agro-cor-principal-escura, #24572f);
}

.agro-mercado-confirmacao__anuncio {
	margin: 0 0 10px;
	font-weight: 700;
}

.agro-mercado-confirmacao__explicacao {
	margin: 0 0 14px;
}

.agro-mercado-confirmacao__resumo {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
	display: grid;
	gap: 6px;
	font-size: 14px;
}

.agro-mercado-confirmacao__resumo li {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.agro-mercado-confirmacao__resumo li::before {
	content: none;
}

.agro-mercado-confirmacao__etiqueta {
	min-width: 104px;
	font-weight: 600;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-confirmacao__nota {
	margin: 0 0 14px;
	font-size: 14px;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-confirmacao__acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.agro-mercado-conta__item.is-destacado {
	border-color: var(--agro-cor-principal, #2f6f3e);
	box-shadow: 0 0 0 3px rgba(47, 111, 62, .16);
}

@media (max-width: 599px) {
	.agro-mercado-confirmacao {
		flex-direction: column;
	}

	.agro-mercado-confirmacao__etiqueta {
		min-width: 0;
	}
}

.agro-mercado-conta__filtros {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--agro-cor-linha, #dfe5e0);
}

.agro-mercado-conta__filtro {
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 14px;
	text-decoration: none;
	color: var(--agro-cor-suave, #5d6b62);
	background: #f1f4f1;
}

.agro-mercado-conta__filtro.is-ativo {
	background: var(--agro-cor-principal, #2f6f3e);
	color: #fff;
}

.agro-mercado-conta__lista {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	display: grid;
	gap: 14px;
}

.agro-mercado-conta__item {
	display: flex;
	gap: 14px;
	padding: 14px;
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: var(--agro-raio, 10px);
	background: #fff;
}

.agro-mercado-conta__miniatura img,
.agro-mercado-conta__miniatura .agro-mercado-sem-foto {
	width: 84px;
	height: 84px;
	min-height: 84px;
	object-fit: cover;
	border-radius: 8px;
}

.agro-mercado-conta__detalhes {
	flex: 1 1 auto;
	min-width: 0;
}

.agro-mercado-conta__titulo {
	margin: 0 0 6px;
	font-size: 17px;
	line-height: 1.3;
}

.agro-mercado-conta__estado {
	margin: 0 0 6px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.agro-mercado-conta__prazo,
.agro-mercado-conta__motivo {
	font-size: 13px;
	color: var(--agro-cor-suave, #5d6b62);
}

.agro-mercado-conta__preco {
	margin: 0 0 8px;
	font-weight: 700;
}

.agro-mercado-conta__acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.agro-mercado-conta__acao {
	display: inline;
	margin: 0;
}

.agro-mercado-conta__sair {
	margin-top: 24px;
	font-size: 14px;
}

/* Autenticação ------------------------------------------------------------- */

.agro-mercado-autenticacao__colunas {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	margin: 20px 0;
}

.agro-mercado-autenticacao__coluna {
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: var(--agro-raio, 10px);
	padding: 20px;
	background: #fff;
}

.agro-mercado-autenticacao__coluna input[type="text"],
.agro-mercado-autenticacao__coluna input[type="email"],
.agro-mercado-autenticacao__coluna input[type="password"] {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid var(--agro-cor-linha, #dfe5e0);
	border-radius: 8px;
	font-size: 16px;
}

.agro-mercado-autenticacao__coluna .login-submit input {
	padding: 10px 18px;
	border-radius: var(--agro-raio, 10px);
	border: 0;
	background: var(--agro-cor-principal, #2f6f3e);
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

/* Relacionados ------------------------------------------------------------- */

.agro-mercado-relacionados {
	margin: 32px 0;
	padding: 20px;
	background: var(--agro-cor-fundo, #f6f8f6);
	border-radius: var(--agro-raio, 10px);
}

.agro-mercado-relacionados__titulo {
	margin-top: 0;
	font-size: 20px;
}

.agro-mercado-relacionados .agro-mercado-cartao__imagem {
	aspect-ratio: 16 / 10;
}

/* Ajuda -------------------------------------------------------------------- */

.agro-mercado-ajuda__passos {
	padding-left: 20px;
}

.agro-mercado-ajuda__passos li {
	margin-bottom: 10px;
}

.agro-mercado-ajuda__acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

/* Ecrãs maiores ------------------------------------------------------------ */

@media (min-width: 600px) {
	.agro-mercado-filtros__linha {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) auto;
		align-items: end;
	}

	.agro-mercado-ficha__dado {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
		gap: 12px;
	}

	.agro-mercado-ficha__dado dd {
		text-align: right;
	}

	.agro-mercado-grelha {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.agro-mercado-escolha__lista {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.agro-mercado-grelha {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.agro-mercado-grelha--compacta {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.agro-mercado-ficha__topo {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.agro-mercado-autenticacao__colunas {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Blocos de categoria dentro do formulário ---------------------------------- */

/*
 * Cada categoria tem o seu bloco de campos, e todos vivem no formulário desde
 * o início. Alternar entre eles é só mostrar e esconder, sem recarregar a
 * página — por isso nada do que já foi preenchido se perde.
 */
.agro-mercado-formulario__categoria {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.agro-mercado-formulario__categoria[hidden] {
	display: none !important;
}