/*

	Theme Name: GT Lawyers

	Description: GT Lawyers

	Version: 0.0.1

	Author: Alexandre Scrideli de Oliveira (alexandre@planetaw.com.br)

	Author URI: http://planetaw.com.br

*/

/*.col-lg-3 {
	z-index: 0;
}*/

.trp-ls-shortcode-current-language{
	width: 80px!important;
}
.trp-language-switcher{
	width: 80px!important;
}
.trp-ls-clicked{
	width: 80px!important;
}
.trp-language-switcher>div{
	border: 0!important;
	background-color: #f0f0f0!important;
}

/* Seletor de idiomas (Polylang)
   O wrapper tem largura/altura FIXAS e nunca sai do fluxo do header
   (nunca vira position:absolute) — assim ele jamais é removido do
   cálculo do flex row ao lado (que usa ms-auto), evitando o "pulo"
   do seletor quando o painel abre. O conteúdo extra some visualmente
   por cima do restante da página (overflow: visible). */
.lang-switcher-wrap {
	position: relative;
	z-index: 30;
	width: 70px;
	height: 34px;
	overflow: visible;
	display: flex;
	flex-direction: column;
	background-color: #f5f5f5;
	border-radius: 20px;
}

.lang-switcher-wrap li.lang-item {
	flex: 0 0 34px;
	margin: 0;
	list-style: none;
	text-align: center;
	background-color: #f5f5f5;
}

.lang-switcher-wrap li.lang-item a {
	display: block;
	padding: 7px 16px;
	line-height: 20px;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .03em;
}

.lang-switcher-wrap li.lang-item a:hover {
	color: #000;
}

/* Idioma atual: sempre visível e sempre no topo (order: -1), não
   importa a posição dele no HTML */
.lang-switcher-wrap li.current-lang {
	order: -1;
	position: relative;
	cursor: pointer;
	border-radius: 20px;
}

.lang-switcher-wrap li.current-lang a {
	color: #000;
	font-weight: 700;
	padding-right: 28px;
}

.lang-switcher-wrap li.current-lang a::after {
	content: "\f107";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 11px;
	color: #666;
	pointer-events: none;
	transition: transform .15s ease;
}

/* Fechado: apenas o idioma atual aparece */
.lang-switcher-wrap li:not(.current-lang) {
	flex-basis: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease;
}

/* Aberto (clique no idioma atual): revela os demais empilhados abaixo */
.lang-switcher-wrap.is-open li.current-lang {
	border-radius: 20px 20px 0 0;
}

.lang-switcher-wrap.is-open li.current-lang a::after {
	transform: translateY(-50%) rotate(180deg);
}

.lang-switcher-wrap.is-open li:not(.current-lang) {
	flex-basis: 34px;
	height: 34px;
	overflow: visible;
	opacity: 1;
	pointer-events: auto;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}

.lang-switcher-wrap.is-open li:not(.current-lang):last-child {
	border-radius: 0 0 20px 20px;
}