/* City suggestions under the Ville field (city-select.js). */

.expcod-city-wrap .expcod-city-input {
	text-transform: capitalize; /* Olivraison names are lower case; the submitted value is unchanged. */
}

.expcod-city-list {
	max-height: 240px;
	margin: 6px 0 0;
	padding: 6px;
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
	position: relative; /* offsetTop of options is measured from the list. */
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

.expcod-city-list[hidden] {
	display: none;
}

.expcod-city-option {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 11px 12px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 15px;
	line-height: 1.3;
	text-align: start;
}

.expcod-city-name {
	text-transform: capitalize;
}

.expcod-city-ar {
	color: #777;
	font-size: 14px;
	white-space: nowrap;
}

.expcod-city-option.is-active {
	background: #eef3fe;
}

@media (hover: hover) {
	.expcod-city-option:hover {
		background: #eef3fe;
	}
}