/* Locale selector */

.locale-select {
	display: inline-block;
	align-self: center;
}

.locale-select .header {
	display: none;
}

.locale-select ul.select-menu {
	text-transform: uppercase;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

.locale-select li.select-dropdown {
	display: inline-block;
}

.locale-select li.select-dropdown > a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 2rem;
	padding: 0.5rem;
	width: 3rem;
	height: 3rem;
}

.locale-select li.select-item a {
	text-decoration: none;
	white-space: nowrap;
	display: block;
	padding: 0.75rem 1rem;
	line-height: 1;
}

.locale-select ul.select-menu a:hover,
.locale-select ul.select-menu a:link,
.locale-select ul.select-menu a:visited {
	color: var(--ai-primary-dark);
	text-decoration: none;
}

.locale-select ul.select-menu .select-current > a,
.locale-select ul.select-menu .select-current > a:link {
	color: var(--ai-primary-dark);
}

.locale-select ul.select-menu .select-current > a:hover
.locale-select ul.select-menu .select-current > a:link:hover,
.locale-select ul.select-menu .select-current > a:visited:hover {
	color: var(--ai-secondary-dark);
}

.locale-select ul.select-menu a:hover {
	text-decoration: underline;
}

.locale-select ul.select-menu ul.active {
	visibility: visible;
	opacity: 1;
}

.locale-select ul.select-menu ul {
	list-style: none outside none;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	padding: 0.5rem 0;
	border: 1px solid var(--ai-primary-dark);
	border-radius: calc(var(--ai-radius) / 2);
	background-color: var(--ai-secondary-light);
	margin-top: .15rem;
}

.locale-select li.select-dropdown ul.select-dropdown li:hover {
	background-color: var(--ai-secondary-dark);
	transition: all .15s ease-in-out;
}

.locale-select li.select-dropdown ul.select-dropdown li:hover a {
	color: var(--ai-bg);
	transition: all .15s ease-in-out;
}

.locale-select-language,
.locale-select-currency {
	display: inline-block;
	min-width: 2rem;
}