/* ============================================
   ALEXSTRAVS·X — Language Switcher
   Eigenständiges fixiertes Element, unabhängig von der Nav-Struktur
   Sitzt oben, über allen anderen Elementen
   ============================================ */

.lang-switch {
	position: fixed;
	top: 1.75rem;
	z-index: 120; /* Höher als .nav (110) und .nav__links (111) */
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	pointer-events: auto;
}

/* Desktop-Position: zentriert oben zwischen Logo und Nav-Links */
@media (min-width: 769px) {
	.lang-switch {
		left: 50%;
		transform: translateX(-50%);
	}
}

/* Mobile-Position: rechts neben dem Burger-Button */
@media (max-width: 768px) {
	.lang-switch {
		top: 1.75rem;
		right: 5rem; /* Abstand zum Burger auf der rechten Seite */
		font-size: 0.7rem;
	}
}

.lang-switch a {
	color: rgba(255, 255, 255, 0.35);
	text-decoration: none;
	transition: color 0.2s ease;
	padding: 0.25rem 0.4rem;
	position: relative;
	line-height: 1;
}

.lang-switch a:hover {
	color: rgba(255, 255, 255, 0.85);
}

.lang-switch a.active {
	color: #f4a950; /* Amber-Farbe */
}

.lang-switch a.active::after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0.4rem;
	right: 0.4rem;
	height: 1px;
	background: #f4a950;
	opacity: 0.6;
}

.lang-switch__separator {
	color: rgba(255, 255, 255, 0.2);
	font-weight: 300;
	line-height: 1;
}