/**
 * Códigos Postales AR — estilos del buscador.
 *
 * Deliberadamente neutros: heredan la tipografía y los colores del tema en vez
 * de imponer los suyos, así el desplegable no desentona en ninguna tienda.
 */

#billing_city_field,
#shipping_city_field,
#billing_postcode_field,
#shipping_postcode_field {
	position: relative;
}

.cpar-lista {
	position: absolute;
	z-index: 30;
	top: 100%;
	left: 0;
	right: 0;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
	max-height: 260px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid currentColor;
	box-shadow: 0 10px 24px rgba( 0, 0, 0, .1 );
}

.cpar-item {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 14px;
	font-size: 13px;
	line-height: 1.3;
	cursor: pointer;
	border-bottom: 1px solid rgba( 0, 0, 0, .07 );
}

.cpar-item:last-child {
	border-bottom: none;
}

.cpar-item:hover,
.cpar-item.is-on {
	background: rgba( 0, 0, 0, .04 );
}

.cpar-item__nombre {
	min-width: 0;
}

/* El código a la derecha, en tono menor: informa sin competir con el nombre. */
.cpar-item__cp {
	flex: 0 0 auto;
	font-size: 11px;
	letter-spacing: .06em;
	opacity: .55;
	font-variant-numeric: tabular-nums;
}

.cpar-aviso {
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.5;
	opacity: .75;
}

@media ( max-width: 640px ) {
	.cpar-item {
		padding: 14px;
		font-size: 14px;
	}
}