/*
 * MBR Language Icon — frontend styles
 * Dynamic values (--mbr-li-icon-url, --mbr-li-width, --mbr-li-height) are
 * injected per-page via wp_add_inline_style().
 */

li.menu-item-gtranslate {
	display: inline-flex !important;
	align-items: center !important;
}

li.menu-item-gtranslate > a.gt_switcher-popup {
	display: inline-block !important;
	box-sizing: content-box !important;
	background-image: var(--mbr-li-icon-url) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: var(--mbr-li-width) var(--mbr-li-height) !important;
	background-color: transparent !important;
	width: var(--mbr-li-width) !important;
	height: var(--mbr-li-height) !important;
	min-width: var(--mbr-li-width) !important;
	min-height: var(--mbr-li-height) !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: middle;
}

li.menu-item-gtranslate > a.gt_switcher-popup > img,
li.menu-item-gtranslate > a.gt_switcher-popup > span {
	display: none !important;
}

li.menu-item-gtranslate .gt_white_content {
	width: auto !important;
	min-width: 180px !important;
	max-width: 90vw !important;
	height: auto !important;
	padding: 8px !important;
	box-sizing: border-box !important;
}

li.menu-item-gtranslate .gt_white_content .gt_languages {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

li.menu-item-gtranslate .gt_white_content .gt_languages > a.glink {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 6px 8px !important;
	white-space: nowrap !important;
}

li.menu-item-gtranslate .gt_white_content .gt_languages > a.glink > img {
	flex: 0 0 auto !important;
	display: inline-block !important;
}

li.menu-item-gtranslate .gt_white_content .gt_languages > a.glink > span {
	flex: 1 1 auto !important;
	display: inline-block !important;
}
