/*
 * @file plugins/blocks/languageToggleByFlag/styles/flagToggle.css
 *
 * Copyright (c) 2019-2024 Lepidus Tecnologia
 *
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * CSS information.
*/

/* en, es e pt_BR usam SVG (flag-icons, MIT - ver locale/LICENSE-flag-icons.txt):
   os PNG de 16 px do plugin ficam borrados em qualquer tamanho maior.
   Substituido pelo SBM Tech em 13/09/2026. */
.flagToggle {
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    width: 16px;
    margin-top: 5px;
    margin-right: 5px;
}

.flagToggle.ca {
	background-image: url("../locale/ca/flag.png")
}
.flagToggle.cs {
	background-image: url("../locale/cs/flag.png")
}
.flagToggle.da {
	background-image: url("../locale/da/flag.png")
}
.flagToggle.de {
	background-image: url("../locale/de/flag.png")
}
.flagToggle.el {
	background-image: url("../locale/el/flag.png")
}
.flagToggle.en {
	background-image: url("../locale/en/flag.svg")
}
.flagToggle.es {
	background-image: url("../locale/es/flag.svg")
}
.flagToggle.eu {
	background-image: url("../locale/eu/flag.png")
}
.flagToggle.fa {
	background-image: url("../locale/fa/flag.png")
}
.flagToggle.fr {
	background-image: url("../locale/fr/flag.svg")
}
.flagToggle.fr_CA {
	background-image: url("../locale/fr_CA/flag.png")
}
.flagToggle.fr_FR {
	background-image: url("../locale/fr_FR/flag.png")
}
.flagToggle.hr {
	background-image: url("../locale/hr/flag.png")
}
.flagToggle.it {
	background-image: url("../locale/it/flag.svg")
}
.flagToggle.ja {
	background-image: url("../locale/ja/flag.png")
}
.flagToggle.nb {
	background-image: url("../locale/nb/flag.png")
}
.flagToggle.nl {
	background-image: url("../locale/nl/flag.png")
}
.flagToggle.pt_BR {
	background-image: url("../locale/pt_BR/flag.svg")
}
.flagToggle.pt_PT {
	background-image: url("../locale/pt_PT/flag.png")
}
.flagToggle.ro {
	background-image: url("../locale/ro/flag.png")
}
.flagToggle.ru {
	background-image: url("../locale/ru/flag.png")
}
.flagToggle.sv {
	background-image: url("../locale/sv/flag.png")
}
.flagToggle.uk {
	background-image: url("../locale/uk/flag.png")
}
.flagToggle.vi {
	background-image: url("../locale/vi/flag.png")
}
.flagToggle.zh_CN {
	background-image: url("../locale/zh_CN/flag.png")
}
/* Destaque no hover, igual ao dos temas proprios (ANNEP, ABOD, Indexlaw):
   sombra e leve subida SO na bandeira, nunca no texto. Fica aqui, no escopo do
   proprio bloco do plugin, para valer tambem em revista sem tema proprio - o
   caso da CSJ, que roda o bootstrap3 de prateleira. Os temas que ja tem a regra
   em .<marca>-blocos-direita continuam vencendo por especificidade.
   Acrescentado pelo SBM Tech em 23/09/2026. */
.language_toggle_flag li a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-transform: capitalize;
	outline: none;
}

.language_toggle_flag .flagToggle {
	float: none;
	display: inline-block;
	width: 24px;
	height: 16px;
	margin: 0;
	background-position: center;
	transition: filter 0.3s ease, transform 0.3s ease;
}

.language_toggle_flag li a:hover .flagToggle,
.language_toggle_flag li a:focus-visible .flagToggle {
	filter: drop-shadow(0 4px 10px rgba(0,0,0,0.35));
	transform: translateY(-2px);
}