/* GTranslate Custom UI Styles */
.my-gtranslate {
	position: relative;
	display: inline-block;
	font-size: 1.25rem;
	font-family: var(--ff-g);
}

/* プラグイン既存の言語スイッチャー */
.my-gtranslate select.gt_selector {
	display: none !important;
}

/* 言語変更ボタン */
.my-gtranslate__btn {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: .4em;
	min-width: max-content;
	padding: .4em .8em;
	border: 1px solid var(--c-brown--light);
	border-radius: var(--bd-r--xs);
	color: var(--c-main--light);
	cursor: pointer;
}
.my-gtranslate__btn:hover {
	background: var(--c-brown--light);
}

/* アイコン */
.my-gtranslate__btn img {
	display: block;
	width: 1em;
}

/* セレクトボックス */
.my-gtranslate__options {
	position: absolute;
	top: calc( 100% + .75rem );
	left: 0;
	display: none;
	width: max-content;
	min-width: 100%;
	padding: .4em;
	border: 1px solid var(--c-brown--light);
	border-radius: var(--bd-r--xs);
	z-index: 100;
	background: var(--c-bgc);
}

.my-gtranslate__options.open {
	display: block;
}

.my-gtranslate__option {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1em;
	padding: .4em;
	cursor: pointer;
	transition: background 0.2s;
}
.my-gtranslate__option:hover {
	background: var(--c-brown--light);
}

/* 言語コード */
.my-gtranslate__option span.gt-code {
	color: var(--c-main);
}

.my-gtranslate__option span.gt-name {
	width: 5em;
}