/* =========================================================
   LEUK / TranslatePress Language Switcher
   Escopo: widget shortcode com classe "leuk-lang-switcher"
   ========================================================= */

.leuk-lang-switcher{
	/* ---- painel de controlo ---- */
	--ls-current-flag-size: 20px;
	--ls-dropdown-flag-size: 20px;
	--ls-flag-radius: 3px;

	/* alinhamento do dropdown */
	--ls-dropdown-offset-y: -10px;
	--ls-dropdown-shift-x: 0px; /* + direita | - esquerda */

	/* caixa branca */
	--ls-dropdown-padding-y: 10px;
	--ls-dropdown-padding-x: 10px;
	--ls-dropdown-bg: #ffffff;
	--ls-dropdown-radius: 0 0 5px 5px;
	--ls-dropdown-shadow: 0 8px 18px rgba(0,0,0,.10);

	/* espaçamento entre bandeiras inativas */
	--ls-item-gap-y: 15px;

	/* camada */
	--ls-dropdown-z: 99999;
}

/* garantir que o dropdown pode sair do widget */
.leuk-lang-switcher,
.leuk-lang-switcher .elementor-widget-container,
.leuk-lang-switcher .elementor-shortcode,
.leuk-lang-switcher .trp-shortcode-switcher__wrapper,
.leuk-lang-switcher .trp-shortcode-overlay{
	overflow: visible !important;
}

/* wrapper principal */
.leuk-lang-switcher .trp-shortcode-switcher__wrapper{
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: max-content !important;
	min-width: 0 !important;
}

/* camadas do TranslatePress */
.leuk-lang-switcher .trp-shortcode-anchor,
.leuk-lang-switcher .trp-shortcode-overlay{
	position: relative !important;
	width: max-content !important;
	min-width: 0 !important;
}

/* 1) eliminar seta */
.leuk-lang-switcher .trp-shortcode-arrow{
	display: none !important;
}

/* trigger / bandeira ativa */
.leuk-lang-switcher .trp-current-language-item__wrapper{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 0 !important;
	line-height: 1 !important;
}

.leuk-lang-switcher .trp-language-item__current{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	background: transparent !important;
	text-decoration: none !important;
}

/* bandeira ativa */
.leuk-lang-switcher .trp-shortcode-anchor .trp-flag-image,
.leuk-lang-switcher .trp-shortcode-overlay .trp-language-item__current .trp-flag-image{
	width: var(--ls-current-flag-size) !important;
	height: auto !important;
	display: block !important;
	margin: 0 !important;
	border-radius: var(--ls-flag-radius) !important;
	object-fit: cover !important;
}

/* 2) estado fechado = invisível mesmo */
.leuk-lang-switcher .trp-switcher-dropdown-list[hidden]{
	display: none !important;
}

/* 3) dropdown alinhado pelo centro da bandeira ativa */
.leuk-lang-switcher .trp-switcher-dropdown-list{
	position: absolute !important;
	top: calc(100% + var(--ls-dropdown-offset-y)) !important;
	left: 50% !important;
	transform: translateX(calc(-50% + var(--ls-dropdown-shift-x))) !important;
	z-index: var(--ls-dropdown-z) !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: var(--ls-item-gap-y) !important;

	width: max-content !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: var(--ls-dropdown-padding-y) var(--ls-dropdown-padding-x) !important;

	background: var(--ls-dropdown-bg) !important;
	border: none !important;
	border-radius: var(--ls-dropdown-radius) !important;
	box-shadow: var(--ls-dropdown-shadow) !important;
	box-sizing: border-box !important;
}

/* itens do dropdown */
.leuk-lang-switcher .trp-switcher-dropdown-list .trp-language-item{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	background: transparent !important;
	text-decoration: none !important;
}

/* sem hover a "alargar" a coluna */
.leuk-lang-switcher .trp-switcher-dropdown-list .trp-language-item:hover,
.leuk-lang-switcher .trp-switcher-dropdown-list .trp-language-item:focus{
	background: transparent !important;
	outline: none !important;
}

/* bandeiras inativas */
.leuk-lang-switcher .trp-switcher-dropdown-list .trp-flag-image{
	width: var(--ls-dropdown-flag-size) !important;
	height: auto !important;
	display: block !important;
	margin: 0 !important;
	border-radius: var(--ls-flag-radius) !important;
	object-fit: cover !important;
}