/*
 * Dokterin Widgets - Language Switcher (pill).
 */

.dps-lang-switch {
	--dps-lang-bg: #e7eef8;
	--dps-lang-accent: #1a75bb;

	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 3px;
	background: var( --dps-lang-bg );
	border-radius: 999px;
	letter-spacing: 0;
	white-space: nowrap;
}

.dps-lang-switch .dps-lang-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 38px;
	height: 38px;
	padding: 0 8px;
	box-sizing: border-box;
	border-radius: 999px;
	color: #4b5563;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	opacity: 0.7;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, color 0.2s ease;
}

.dps-lang-switch--flag .dps-lang-item {
	width: 38px;
	padding: 0;
}

.dps-lang-switch .dps-lang-item:hover {
	opacity: 1;
}

.dps-lang-switch .dps-lang-item.is-current {
	background: #fff;
	box-shadow: 0 2px 8px rgba( 20, 40, 80, 0.15 );
	color: var( --dps-lang-accent );
	opacity: 1;
}

.dps-lang-switch .dps-lang-flag {
	display: block;
	flex-shrink: 0;
	width: 22px !important;
	height: 15px !important;
	max-width: none;
	border-radius: 3px;
	object-fit: cover;
}

@media ( max-width: 360px ) {

	.dps-lang-switch .dps-lang-item {
		min-width: 34px;
		height: 34px;
	}

	.dps-lang-switch--flag .dps-lang-item {
		width: 34px;
	}
}