/**
 * Lista ACF Tabela — estilos do widget.
 *
 * Layout: grid com fluxo por coluna. O número máximo de itens por coluna
 * é controlado via a variável CSS --lat-max-rows (definida pelo controlo
 * "Máx. itens por coluna" no painel do Elementor, default 6).
 */

.lat-list {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat( 6, auto ); /* fallback para browsers sem suporte a var() em repeat() */
	grid-template-rows: repeat( var( --lat-max-rows, 6 ), auto );
	column-gap: 40px;
	row-gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lat-item {
	display: flex;
	align-items: baseline;
	gap: 4px;
}

.lat-item__codigo {
	white-space: nowrap;
}

/* Separador obrigatório a seguir ao código. */
.lat-item__codigo::after {
	content: ":";
}

.lat-item__nome {
	flex: 1 1 auto;
}

@media ( max-width: 767px ) {
	.lat-list {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
		grid-template-rows: none;
	}
}