/**
 * Ajustes na página do anúncio.
 *
 * Nenhum arquivo do tema é tocado: o que está aqui só corrige o que ficava
 * ilegível na listagem de opcionais.
 */

/*
 * Itens e opcionais: uma categoria por linha.
 *
 * O tema distribui as categorias em quatro colunas. Com quinze categorias de
 * tamanhos muito diferentes, as colunas ficam desalinhadas e a leitura se
 * perde — o mesmo problema que o formulário de cadastro já tinha resolvido
 * colocando uma categoria por linha, com o título à esquerda e os itens à
 * direita.
 */
.listing-detail-features .description-inner-wrapper {
	display: block;
}

.listing-detail-features .feature-cat {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 24px;
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	padding: 12px 0;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.07 );
}

.listing-detail-features .feature-cat:last-child {
	border-bottom: 0;
}

.listing-detail-features .feature-cat .title-wrapper {
	flex: 0 0 14em;
	max-width: 14em;
	font-weight: 600;
	margin: 0;
}

.listing-detail-features .feature-cat .inner-right {
	flex: 1 1 18em;
	min-width: 0;
}

.listing-detail-features .feature-cat .list-style {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.listing-detail-features .feature-cat .list-style li {
	flex: 0 0 auto;
}

@media ( max-width: 575px ) {
	.listing-detail-features .feature-cat .title-wrapper {
		flex-basis: 100%;
		max-width: 100%;
	}
}