/* ============================================================
   LANGUAGE SWITCHER
   ============================================================ */

.lang-switcher {
	position: relative;
	display: inline-block;
}

.lang-switcher__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	background: var(--bg-surface-2);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-full);
	color: var(--txt-secondary);
	font-size: var(--font-size-xs);
	font-weight: 600;
	cursor: pointer;
	transition: all var(--transition-fast);
}
.lang-switcher__btn:hover {
	border-color: var(--clr-primary);
	color: var(--clr-primary);
}
.lang-switcher__flag {
	font-size: 14px;
	line-height: 1;
}
.lang-switcher__chevron {
	font-size: 10px;
	opacity: 0.7;
	transition: transform var(--transition-fast);
}
.lang-switcher.is-open .lang-switcher__chevron {
	transform: rotate(180deg);
}

.lang-switcher__menu {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 160px;
	background: var(--bg-surface);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-xl);
	z-index: var(--z-dropdown);
	display: none;
	padding: 4px;
	margin: 0;
	list-style: none;
}
.lang-switcher.is-open .lang-switcher__menu {
	display: block;
	animation: lang-fade-in 0.18s ease;
}
[dir="rtl"] .lang-switcher__menu {
	right: auto;
	left: 0;
}

@keyframes lang-fade-in {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: translateY(0); }
}

.lang-switcher__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	color: var(--txt-primary);
	font-size: var(--font-size-sm);
	font-weight: 500;
	border-radius: var(--radius-sm);
	text-decoration: none;
	transition: background var(--transition-fast);
}
.lang-switcher__link:hover {
	background: var(--bg-surface-2);
	color: var(--clr-primary);
}
.lang-switcher__link.is-active {
	background: var(--clr-primary-glow);
	color: var(--clr-primary);
	font-weight: 700;
}
.lang-switcher__check {
	margin-inline-start: auto;
	color: var(--clr-success);
	font-weight: 700;
}
.lang-switcher__label {
	flex: 1;
}