/**
 * Styles for the canton dropdown injected next to the WooCommerce city field.
 *
 * The original city input is kept in the DOM (it is the field WooCommerce and the
 * block checkout read from) but hidden, and our select drives its value.
 */

.heimdal-spaces-hidden {
	display: none !important;
}

.heimdal-spaces-city-field {
	margin: 0 0 1em;
	width: 100%;
}

.heimdal-spaces-city-field label {
	display: block;
	margin-bottom: .25em;
}

.heimdal-spaces-city-field .required {
	color: #a00;
	text-decoration: none;
	border: 0;
}

.heimdal-spaces-city-field select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Block checkout: match the height and radius of the surrounding inputs. */
.wc-block-components-address-form .heimdal-spaces-city-field select {
	padding: 0.75em;
	border: 1px solid #50575e;
	border-radius: 4px;
	background-color: #fff;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.375;
	min-height: 3em;
}

.wc-block-components-address-form .heimdal-spaces-city-field label {
	font-size: .875em;
}