/*
 * Language switcher in the header top bar, sitting beside the social icons.
 * Colours are inherited from the bar so it works on the dark strip.
 */

.pakf-langbar {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	vertical-align: middle;
	margin: 0 14px 0 0;
}

.pakf-langbar[hidden] {
	display: none;
}

.pakf-lang {
	display: inline-block;
	padding: 2px 7px;
	border: 1px solid transparent;
	color: inherit;
	opacity: .72;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.6;
	text-decoration: none;
	transition: opacity .14s, border-color .14s, color .14s;
}

.pakf-lang:hover,
.pakf-lang:focus {
	opacity: 1;
	color: #b7b747;
	text-decoration: none;
}

.pakf-lang.is-current {
	opacity: 1;
	color: #b7b747;
	border-color: rgba(183, 183, 71, .55);
	cursor: default;
}

/* The bar is tight on phones; let the codes wrap rather than overflow. */
@media (max-width: 600px) {
	.pakf-langbar {
		margin: 0 8px 0 0;
	}

	.pakf-lang {
		padding: 2px 5px;
		font-size: 11px;
	}
}