/**
 * Front-end language switcher — pill-style flags / links.
 */

.no_translate.transposh_flags,
.transposh_flags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	line-height: normal;
}

.transposh_flags a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	min-width: 34px;
	padding: 4px 8px;
	border-radius: 10px;
	text-decoration: none !important;
	background: #fff;
	border: 1px solid #d0d1d7;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.transposh_flags a:hover {
	border-color: #2271b1;
	background: #f0f6fc;
	box-shadow: 0 2px 6px rgba(34, 113, 177, 0.12);
	transform: translateY(-1px);
}

.transposh_flags a.tr_active {
	border-color: #2271b1;
	background: #e7f0f8;
	box-shadow: 0 0 0 1px rgba(34, 113, 177, 0.25);
}

.transposh_flags a span,
.transposh_flags a img {
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 6px !important;
	padding: 0 !important;
	vertical-align: middle;
}

.transposh_flags a img {
	display: block;
}