/* =========================================
   Mobile Menu Overlay (Elementor)
   - 初期：非表示っぽく（opacity 0 + クリック不可）
   - 開く：.is-open を付けたら表示＆アニメーション
   - PC：オーバーレイ自体を非表示
   ========================================= */

/* ベース（閉じてる状態） */
.mobile-menu-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;

  /* 見えない + 触れない */
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;

  /* アニメーション */
  transition: opacity .25s ease, transform .25s ease;
}

/* 開いた状態（JSで is-open を付ける） */
.mobile-menu-overlay.is-open{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* PCでは無効（表示しない） */
@media (min-width: 768px){
  .mobile-menu-overlay{
    display: none !important;
  }
}