/*
 * Footer do site — V1, PARA REVISÃO. Ver memoria.md ("Home — Footer verde
 * profundo — direção final"). Reutilizável em todo o site (enqueued
 * globalmente, não apenas na Home) — carregado fora do bloco
 * is_front_page() em functions.php. Fechamento visual definitivo da Home:
 * não há CTA final intermediário (cancelado por redundância com o bloco
 * de associação já existente em "Associados").
 *
 * Fundo verde profundo (`--color-brand-deep`), texto off-white. Transição
 * direta do fundo claro do Blog (a última seção de conteúdo da Home) para
 * este verde — sem gradiente, sem seção intermediária, sem vão.
 *
 * Identidade textual ("ARPAN" tipográfico), não a imagem raster da logo —
 * ver justificativa técnica completa em footer.php e memoria.md (contraste
 * insuficiente do arquivo raster atual sobre este verde).
 */

.site-footer {
	background: var(--color-brand-deep);
	color: var(--color-off-white);
}

.site-footer__main {
	display: flex;
	flex-direction: column;
	gap: var(--space-7);
	padding-block: var(--space-9) var(--space-8);
}

@media (min-width: 1024px) {
	.site-footer__main {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		gap: var(--space-8);
		/*
		 * Revisão premium: o Footer media apenas 389px de altura total em
		 * 1920px — visivelmente baixo comparado ao ritmo das seções
		 * anteriores (600–1450px). Aumento moderado do respiro vertical
		 * (não a mesma escala de --section-space-desktop, que o
		 * transformaria em uma seção de conteúdo) para dar mais presença de
		 * "chegada" ao fechamento, sem virar um footer gigante. Ver
		 * memoria.md.
		 */
		padding-block: clamp(80px, 6.4vw, 124px) clamp(64px, 5vw, 96px);
	}
}

.site-footer__identity {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	max-width: 400px;
}

.site-footer__wordmark {
	margin: 0;
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 1.5rem;
	letter-spacing: 0.01em;
	color: var(--color-off-white);
}

.site-footer__tagline {
	margin: 0;
	font-family: var(--font-body);
	font-size: 0.9375rem;
	line-height: 1.6;
	color: rgba(245, 243, 237, 0.72);
}

.site-footer__nav {
	flex: none;
}

.site-footer__nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-5);
}

@media (min-width: 1024px) {
	.site-footer__nav-list {
		justify-content: flex-end;
		max-width: 420px;
	}
}

.site-footer__nav-list a {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 0.9375rem;
	color: rgba(245, 243, 237, 0.88);
	text-decoration: none;
	padding-block: 2px;
	border-bottom: 1px solid transparent;
	transition:
		border-color var(--motion-micro) var(--motion-ease),
		color var(--motion-micro) var(--motion-ease);
}

.site-footer__nav-list a:hover,
.site-footer__nav-list a:focus-visible {
	color: var(--color-off-white);
	border-bottom-color: rgba(245, 243, 237, 0.6);
}

.site-footer__legal {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	align-items: flex-start;
	border-top: 1px solid rgba(245, 243, 237, 0.14);
	padding-block: var(--space-5);
	font-family: var(--font-body);
	font-size: 0.8125rem;
}

@media (min-width: 768px) {
	.site-footer__legal {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
	}
}

.site-footer__copyright {
	margin: 0;
	color: rgba(245, 243, 237, 0.6);
}

/* Assinatura de desenvolvimento — texto simples, sem caixa/badge/botão.
   "Desenvolvido por" discreto (opacidade reduzida); "Ronald Brenner" um
   pouco maior e mais presente, ainda contido em relação ao conteúdo
   principal do Footer. Canto inferior direito no desktop (alinhado à
   mesma margem do container); no mobile, alinhado à esquerda, abaixo do
   copyright, sem colidir. */

.site-footer__credit {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	text-align: left;
}

@media (min-width: 768px) {
	.site-footer__credit {
		text-align: right;
		align-items: flex-end;
	}
}

.site-footer__credit-label {
	font-size: 0.75rem;
	font-weight: 400;
	/* Opacidade calibrada para permanecer discreta (mais baixa que o nome)
	   sem descumprir contraste mínimo AA (~5,6:1 medido sobre o verde
	   profundo do Footer, texto pequeno exige 4,5:1). */
	color: rgba(245, 243, 237, 0.65);
}

.site-footer__credit-name {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-off-white);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color var(--motion-micro) var(--motion-ease), opacity var(--motion-micro) var(--motion-ease);
}

.site-footer__credit-name:hover,
.site-footer__credit-name:focus-visible {
	border-bottom-color: rgba(245, 243, 237, 0.6);
}

@media (prefers-reduced-motion: reduce) {
	.site-footer__nav-list a,
	.site-footer__credit-name {
		transition: none;
	}
}


/* ============================================================
   Polimento premium — Footer
   ============================================================ */

/*
 * Marca real no lugar do wordmark tipográfico (ver footer.php). A versão
 * branca oficial resolve o contraste sobre o verde profundo. `height`
 * controlado + `width:auto` preserva a proporção nativa do arquivo.
 */
.site-footer__logo {
	height: 52px;
	width: auto;
	display: block;
	margin-bottom: var(--space-4);
	/* Um item flex em coluna esticaria a imagem no eixo horizontal. */
	align-self: flex-start;
}

@media (min-width: 768px) {
	.site-footer__logo {
		height: 60px;
	}
}

/*
 * Assinatura de desenvolvimento: microinteração discreta. "Ronald Brenner"
 * continua visualmente acima de "Desenvolvido por" (peso e opacidade já
 * definidos acima) e subordinado ao conteúdo institucional do Footer.
 */
.site-footer__credit-name {
	border-bottom: 1px solid transparent;
	transition:
		color var(--motion-micro) var(--motion-ease),
		border-color var(--motion-micro) var(--motion-ease);
}

.site-footer__credit-name:hover,
.site-footer__credit-name:focus-visible {
	border-bottom-color: rgba(245, 243, 237, 0.6);
}

@media (prefers-reduced-motion: reduce) {
	.site-footer__credit-name {
		transition: none;
	}
}