/**
 * Custom Enhancements
 *
 * Polish adicional sobre o DSGOV: transições suaves e realce de estados
 * interativos, usando exclusivamente tokens já definidos pelo design system
 * (sombras, cores e espaçamentos). Não substitui nem sobrepõe componentes
 * do DSGOV, apenas complementa.
 *
 * @since 0.1.0
 */

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}

	.wp-block-group.is-style-govbr-clickable-card,
	.br-button,
	.wp-block-button__link,
	.br-item,
	.wp-block-social-links .wp-social-link {
		transition: box-shadow 0.2s ease, transform 0.2s ease;
	}
}

/* Cartões clicáveis (banner-cards-icons e similares): leve elevação ao passar o mouse. */
.wp-block-group.is-style-govbr-clickable-card:hover,
.wp-block-group.is-style-govbr-clickable-card:focus-within {
	box-shadow: var(--surface-shadow-md);
	transform: translateY(-2px);
}

/* Botão "Voltar ao topo": mesma elevação sutil dos demais elementos interativos. */
.back-to-top .br-button:hover {
	box-shadow: var(--surface-shadow-md);
	transform: translateY(-2px);
}

/**
 * Estado vazio (404 e "nada encontrado"): ícone para dar contexto visual
 * em vez de só texto, reaproveitando o Font Awesome já carregado pelo tema.
 */
.no-results .page-content .empty-state-icon,
.error-404 .page-content .empty-state-icon {
	color: var(--wp--preset--color--interaction-light);
	opacity: 0.6;
	margin-bottom: var(--wp--preset--spacing--scale-up-2, 16px);
	display: block;
}