/* ---------------------------------------------------------------------------
 * 言語切り替え。
 *
 * 見た目と開閉の挙動は ElementsKit のドロップダウン
 * (.elementskit-dropdown-has) をそのまま借りている。ここで足すのは、
 * 借りただけでは決まらない地球儀の位置と、言語名の字面だけ。
 * 独自のドロップダウンを作らないのは、モバイルのオフキャンバス
 * メニューでの開閉まで作り直すことになるため。
 * ------------------------------------------------------------------------ */

.wog-lang__toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.wog-lang__globe {
	flex: 0 0 auto;
}

/* 言語名は各言語の自称で出す。英語話者以外に "German" ではなく
   "Deutsch" を見せないと、自分の言語だと気づかれない。 */
.wog-lang__menu [data-wog-lang] {
	font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* いま見ている言語。色だけで示すと判別できない人がいるので印も付ける。 */
.wog-lang__menu [aria-current="true"] {
	font-weight: 700;
}

.wog-lang__menu [aria-current="true"]::after {
	content: " ✓";
}

/* 押せる大きさを確保する。既存メニューの行の高さに合わせてある。 */
.wog-lang__menu .dropdown-item {
	min-height: 24px;
}

/* 問い合わせ本文の等幅指定ではアラビア文字の連結が読みにくくなる。 */
html[lang="ar"] .elementor-widget-text-editor,
html[lang="ar"] .elementor-widget-text-editor * {
	font-family: Arial, Tahoma, sans-serif !important;
	letter-spacing: normal !important;
}

/* 画面端の言語メニューが、閉じている間も横スクロールを作らないため。 */
@media (min-width: 1025px) {
	.elementskit-navbar-nav .wog-lang > .elementskit-submenu-panel {
		left: auto;
		right: 0;
	}
	[dir="rtl"] .elementskit-navbar-nav .wog-lang > .elementskit-submenu-panel {
		left: 0;
		right: auto;
	}
}