/* IESP Tradutor — Estilos do seletor de idioma público */

/* --- Wrapper (estilo dropdown) --- */
.iesp-lang-switcher-wrapper {
	display: inline-flex;
	align-items: center;
}

/* --- Select (dropdown) --- */
.iesp-lang-switcher {
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	font-size: inherit;
	color: inherit;
	max-width: 200px;
}

.iesp-lang-switcher:focus {
	outline: 2px solid #0073aa;
	outline-offset: 1px;
}

/* --- Lista de links (list / flags / flags-text) --- */
.iesp-lang-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.iesp-lang-list .iesp-lang-item a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid transparent;
	color: inherit;
	transition: border-color 0.15s;
}

.iesp-lang-list .iesp-lang-item a:hover {
	border-color: currentColor;
}

.iesp-lang-list .iesp-lang-active a {
	border-color: currentColor;
	font-weight: 600;
}

/* --- Bandeiras SVG --- */
.iesp-flag {
	display: inline-block;
	width: 1.33em;
	height: 1em;
	vertical-align: middle;
	border-radius: 2px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-style: normal;
}

.iesp-flag-pt { background-image: url('../images/flags/pt.svg'); }
.iesp-flag-gb { background-image: url('../images/flags/gb.svg'); }
.iesp-flag-es { background-image: url('../images/flags/es.svg'); }
.iesp-flag-fr { background-image: url('../images/flags/fr.svg'); }
.iesp-flag-br { background-image: url('../images/flags/br.svg'); }

/* --- Focus visible para links da lista --- */
.iesp-lang-list .iesp-lang-item a:focus-visible {
	outline: 2px solid #0073aa;
	outline-offset: 2px;
}