/* Polylang DE | EN switcher — header top bar (pink #e5004b) */
.sol-lang-switch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 0;
	padding: 0;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	white-space: nowrap;
}

.sol-lang-switch__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 0.55rem;
	border-radius: 999px;
	color: #ffffff;
	text-decoration: none;
	transition:
		color 0.2s ease,
		background-color 0.2s ease,
		opacity 0.2s ease;
}

/*
 * Beat Elementor kit link color (.elementor-kit-14 a → accent pink).
 * Without the `a` + parent class, inactive EN was pink-on-pink in the header.
 */
.sol-lang-switch a.sol-lang-switch__item,
.sol-lang-switch a.sol-lang-switch__item:link,
.sol-lang-switch a.sol-lang-switch__item:visited {
	color: #ffffff;
	text-decoration: none;
}

.sol-lang-switch a.sol-lang-switch__item:hover,
.sol-lang-switch a.sol-lang-switch__item:focus-visible,
.sol-lang-switch__item:hover,
.sol-lang-switch__item:focus-visible {
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.14);
	outline: none;
}

.sol-lang-switch a.sol-lang-switch__item:focus-visible,
.sol-lang-switch__item:focus-visible {
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(229, 0, 75, 0.95);
}

.sol-lang-switch__item.is-active {
	color: #ffffff;
	font-weight: 800;
	cursor: default;
}

.sol-lang-switch__sep {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 0.15rem;
	color: rgba(255, 255, 255, 0.45);
	font-weight: 400;
	user-select: none;
	pointer-events: none;
}

/* Elementor header placement */
.header-lang-switch-wrap {
	flex: 0 0 auto !important;
	align-self: center;
}

.header-lang-switch-wrap .elementor-widget-shortcode {
	margin: 0;
}

@media (max-width: 767px) {
	.header-lang-switch-wrap {
		width: auto !important;
		max-width: none;
		flex: 0 0 auto !important;
	}

	.sol-lang-switch {
		font-size: 0.75rem;
	}

	.sol-lang-switch__item {
		min-width: 44px;
		min-height: 44px;
		padding: 0 0.4rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sol-lang-switch__item {
		transition: none;
	}
}