/* Hide city field row when .ccf-city-hidden is applied */
.city-checkout-field-hidden,
.city-checkout-field-visually-hidden {
	display: none !important;
}

label.city-checkout-field-hidden {
	display: block !important;
}

.ccf-city-hidden {
	display: none !important;
}

/* Style city select field to match other WooCommerce checkout block selects */
/* Force city select field to match other WooCommerce checkout block selects, overriding inline styles */
.wc-block-components-form .wc-block-components-text-input label.city-checkout-field-hidden {
	color: #2b2d2f;
	font-family: inherit;
	font-size: inherit;
	font-size: 1em;
	font-style: inherit;
	font-weight: inherit;
	left: .5em;
	letter-spacing: inherit;
	line-height: inherit;
	line-height: 1.25;
	margin: 0;
	max-width: calc(100% - 32px);
	overflow: hidden;
	position: absolute;
	text-decoration: inherit;
	text-overflow: ellipsis;
	text-transform: inherit;
	top: 2px;
	transform: translateY(15%) scale(.75);
	transform-origin: top left;
	transition: all .2s ease;
	white-space: nowrap;
	z-index: 1;
}

.city-checkout-field-select,
.city-checkout-field-select-shipping {
	border: 1px solid hsla(0, 0%, 7%, .8) !important;
	border-radius: 4px !important;
	color: #2b2d2f !important;
	font-family: inherit !important;
	font-size: 1em !important;
	font-style: inherit !important;
	font-weight: inherit !important;
	height: 100% !important;
	letter-spacing: inherit !important;
	line-height: inherit !important;
	padding: 1em .5em 0 !important;
	text-decoration: inherit !important;
	text-transform: inherit !important;
	width: 100% !important;
	box-sizing: border-box !important;
}
