/* /assets/i18n.css */
/* ---------------------------------------------------------------------------
 * 言語切り替え。
 *
 * 見た目と開閉の挙動は 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;
	}
}

/* メール窓口が2行になってもフッターの別リンクとタップ領域を重ねない。 */
.ekit-template-content-footer .elementor-3567 .elementor-element-24e85a75 .elementor-icon-list-items {
  gap: 12px 20px;
  align-items: center;
}
.ekit-template-content-footer .elementor-3567 .elementor-element-24e85a75 .elementor-icon-list-item {
  margin: 0;
}
.ekit-template-content-footer .elementor-3567 .elementor-element-24e85a75 .elementor-icon-list-item > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-block: 6px;
  line-height: 1.5;
}

/* /assets/layout.css */
/* ---------------------------------------------------------------------------
 * 横方向のはみ出しでページ幅が広がらないようにする。
 *
 * Elementor の「右から出る」演出 (fadeInRight) は、開始時に要素を自分の幅だけ
 * 右へずらす。スマホではその分ページ幅が広がり (412px → 775px)、ブラウザが
 * 全体を縮小して収めるので、画面に固定した要素 (同意案内・WhatsApp ボタン) が
 * 演出のあいだ動く。トップでは同意案内が CLS 0.34 として数えられていた (#52)。
 *
 * hidden ではなく clip にするのは、スクロール領域を作らず、ヘッダーなどの
 * position: sticky を壊さないため。縦方向はそのまま。
 * ------------------------------------------------------------------------ */

html,
body {
	overflow-x: clip;
}

/* /assets/analytics.css */
/* 初回描画前に寸法を固定し、テーマの後続処理で同意案内が動かないようにする。 */
#wog-privacy {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 2147483000;
  width: min(440px, calc(100vw - 24px));
  box-sizing: border-box;
  contain: layout style;
  font: 14px/1.5 system-ui, sans-serif;
  color: #fff;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
#wog-privacy * { box-sizing: border-box; }
#wog-privacy button {
  font: inherit;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #a4b9b5;
  border-radius: 6px;
  background: #143e34;
  color: #fff;
  cursor: pointer;
  transition: none;
}
#wog-privacy-panel {
  width: 100%;
  padding: 18px;
  border: 1px solid #627973;
  border-radius: 10px;
  background: #14231f;
  box-shadow: 0 4px 24px #0008;
  max-height: calc(100dvh - 80px);
  overflow: auto;
}
#wog-privacy-panel[hidden] { display: none; }
#wog-privacy-panel p { margin: 8px 0 14px; font: inherit; }
#wog-privacy-panel a { color: #82e7d5; display: inline-flex; align-items: center; min-height: 32px; }
#wog-privacy-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
#wog-privacy > button { margin-top: 8px; }