@charset "UTF-8";

/* Responsividade da consulta pública de selos (consulta.xhtml) */

/* abaixo de lg o Bootstrap deixa .col-lg-* com 100% e a .col vizinha é espremida;
   aqui as duas passam a ocupar a linha inteira */
@media (max-width: 991.98px) {
	#sectionbusca .row > .col,
	#sectionbusca .row > [class*="col-lg-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#sectionbusca .card-img-top {
		display: block;
		width: 100%;
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* validação pública de hipossuficiência: título com text-nowrap estourava a largura */
@media (max-width: 576px) {
	.card-body h6.text-nowrap {
		white-space: normal !important;
	}
}

@media (max-width: 576px) {
	#sectionbusca .container,
	#sessaoresultados .container {
		padding-left: 12px;
		padding-right: 12px;
	}

	#sectionbusca .card-body {
		padding: 1rem;
	}

	/* resultado: rótulo e valor quebram linha em vez de estourar a largura */
	#sessaoresultados .list-group-item {
		flex-wrap: wrap;
		gap: 0.25rem;
		overflow-wrap: anywhere;
	}

	#sessaoresultados .d-flex.justify-content-between {
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	/* botões Limpar / Consultar lado a lado, ocupando a largura */
	#sectionbusca .d-flex.justify-content-center > .btn {
		flex: 1 1 0;
	}
}