/* ==========================================================================
   modules/lang-switch.css — 日本語／英語の表示切替
   この機能を使わないサイトでは、このファイルを配信フォルダから削除する。

   仕組み: 対訳を持つ要素は data-i18n="ja" / data-i18n="en" を持つ2つの
   要素として並べておく。html[data-lang] の値に応じてどちらか一方だけを
   表示する。既定（属性なし）は日本語表示。
   ========================================================================== */

[data-i18n="en"]{ display: none; }

html[data-lang="en"] [data-i18n="ja"]{ display: none; }
html[data-lang="en"] [data-i18n="en"]{ display: revert; }
html[data-lang="en"] [data-i18n="en"].i18n-inline{ display: inline; }
html[data-lang="en"] [data-i18n="en"].i18n-block{ display: block; }

.lang-switch[hidden]{ display: none; }
.lang-switch{
  display: inline-flex;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  padding: 3px;
  gap: 2px;
  flex-shrink: 0;
}
.lang-switch button{
  padding: 5px 12px;
  border-radius: var(--radius-full);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--color-ink-soft);
}
.lang-switch button[aria-pressed="true"]{
  background: var(--color-primary);
  color: #fff;
}