.yk-lang-switch {
	position: relative;
}

.yk-lang-switch__current {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0 12px;
	gap: 6px;
	border: 1px solid var(--yk-border, rgba(16, 20, 31, 0.12));
	border-radius: 999px;
	background: color-mix(in srgb, var(--yk-surface, #fff) 75%, transparent);
	color: var(--yk-text, #10141f);
	font-size: 0.8rem;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.yk-lang-switch__current::-webkit-details-marker {
	display: none;
}

.yk-lang-switch__flag {
	font-size: 1rem;
	line-height: 1;
}

.yk-lang-switch__menu {
	position: absolute;
	z-index: 40;
	top: calc(100% + 8px);
	inset-inline-end: 0;
	display: flex;
	flex-direction: column;
	min-width: 152px;
	padding: 6px;
	border: 1px solid var(--yk-border, rgba(16, 20, 31, 0.12));
	border-radius: 14px;
	background: var(--yk-surface, #fff);
	box-shadow: 0 12px 32px rgba(16, 20, 31, 0.14);
	gap: 2px;
}

.yk-lang-switch__item {
	display: flex;
	align-items: center;
	padding: 9px 10px;
	border-radius: 9px;
	color: var(--yk-text, #10141f);
	font-size: 0.86rem;
	font-weight: 600;
	text-decoration: none;
	gap: 8px;
}

a.yk-lang-switch__item:hover {
	background: color-mix(in srgb, var(--yk-primary, #2554e8) 8%, transparent);
}

.yk-lang-switch__item.is-current {
	color: var(--yk-primary, #2554e8);
	opacity: 0.9;
}

@media (max-width: 900px) {
	.yk-lang-switch__current { padding: 0 10px; font-size: 0.76rem; }
}

@media (max-width: 650px) {
	.yk-lang-switch__current { height: 38px; }
	.yk-lang-switch__code { display: none; }
}