/* ===============================
   Language Switch (JP | EN)
   ・今いる言語は押せない
   ・通常：下線なし
   ・hover：下線表示
   ・選択中：下線固定 + 色を少し濃く
   =============================== */

.lang-switch{
  display: inline-flex;
  align-items: center;
  gap: 10px; /* JP と EN の間隔 */
  font-family: "Noto Serif JP", serif;
  font-size: 16px; /* ナビと揃える */
  line-height: 1;
}

/* 共通リンク設定（下線は完全に消す） */
.lang-switch a{
  color: #4B4742; /* 通常文字色 */
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
  padding: 2px 0;
  transition: color .2s ease;
}

/* 区切り記号 | */
.lang-switch .sep{
  color: #8A8176;
  opacity: .9;
}

/* hover時：下線だけ出す */
.lang-switch a:hover{
  text-decoration: underline !important;
  text-underline-offset: 6px;
}

/* 選択中（今いる言語） */
.lang-switch a.is-current{
  color: #2F2B26; /* 少し濃い色 */
  text-decoration: underline !important;
  text-underline-offset: 6px;
  pointer-events: none; /* 押せない */
  cursor: default;
}

/* hoverしても変化させない */
.lang-switch a.is-current:hover{
  text-decoration: underline !important;
}