/* ===== Mobile Menu Overlay（外側：半透明） ===== */
.mobile-menu-overlay{
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(0,0,0,0.35) !important; /* 外側：半透明 */
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 16px !important; /* 画面端の余白（左右余白はこれで作る） */

  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}

/* 開いた状態 */
.mobile-menu-overlay.is-open{
  opacity: 1;
  pointer-events: auto;
}

/* ===== 中身（内側：不透明カード）=====
   Elementorコンテナの中身は .e-con-inner に入ることが多いのでここをカード化 */
.mobile-menu-overlay .e-con-inner{
  background: #F3EEE6 !important; /* 内側：不透明 */
  width: 100% !important;
  max-width: 420px !important;

  padding: 40px 24px !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.18) !important;

  box-sizing: border-box !important;
}

/* PCではオーバーレイ無効 */
@media (min-width: 768px){
  .mobile-menu-overlay{ display:none !important; }
}
.mobile-menu-overlay{
  transform: scale(0.98);
}

.mobile-menu-overlay.is-open{
  transform: scale(1);
}