/* ═══════════════════════════════════════════════════════
   PIM — 言語スイッチャー & モバイルメニュー補完
   pim.css の @media 968px に追記するスタイル
═══════════════════════════════════════════════════════ */

/* ── 言語スイッチャー（デスクトップ） ── */
.pim-lang-switch {
  display: flex;
  gap: 6px;
  align-items: center;
  padding-left: 24px;
  border-left: 1px solid rgba(10,10,10,.15);
  margin-left: 8px;
  list-style: none;
}
.pim-lang-btn {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-2);
  text-decoration: none;
  padding: 4px 8px;
  border: 1px solid transparent;
  transition: all .2s;
}
.pim-lang-btn:hover {
  color: var(--gold);
  border-color: rgba(201,168,76,.35);
}
.pim-lang-btn.pim-lang-active {
  color: var(--gold);
  border-color: var(--gold);
  background: rgba(201,168,76,.06);
}

/* ── ハンバーガーボタン（デスクトップでは非表示） ── */
.pim-menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  width: 28px;
  height: 22px;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  z-index: 200;
}
.pim-menu-toggle span {
  width: 100%;
  height: 1.5px;
  background: var(--ink);
  display: block;
  transition: transform .3s, opacity .3s;
  transform-origin: center;
}
/* × アニメーション */
.pim-menu-toggle.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.pim-menu-toggle.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.pim-menu-toggle.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ── モバイル（968px 以下） ── */
@media (max-width: 968px) {

  /* ボタン表示 */
  .pim-menu-toggle {
    display: flex !important;
  }

  /* ドロワー — 閉じた状態 */
  .nav-links {
    position: fixed !important;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(250,247,242,.98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 100px 40px 48px;
    gap: 0 !important;
    z-index: 150;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform .4s cubic-bezier(.4,0,.2,1);
    /* display:none → transform で制御するので display は flex 固定 */
    display: flex !important;
    height: 100vh;
  }

  /* ドロワー — 開いた状態 */
  .nav-links.open {
    transform: translateX(0) !important;
  }

  /* メニュー項目 */
  .nav-links > li {
    width: 100%;
    border-bottom: 1px solid rgba(10,10,10,.1);
    list-style: none;
  }
  .nav-links > li:last-child { border-bottom: none; }
  .nav-links > li > a {
    display: block;
    padding: 18px 0;
    font-family: var(--mono);
    font-size: 13px;
    letter-spacing: .2em;
    color: var(--ink);
    text-decoration: none;
  }
  .nav-links > li > a:hover { color: var(--gold); }

  /* 言語スイッチャー（モバイル内） */
  .pim-lang-switch {
    padding-left: 0;
    border-left: none;
    margin-left: 0;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(10,10,10,.1);
    width: 100%;
  }
}