/* 站点外壳：Flatsome 移动端菜单（全屏面板）
 * 阶段 4.69 / 0.4.62。**纯 CSS，无 JS，不动 DOM**。
 * 已在线上真机尺寸（390×844）验证：全屏 / 19px / 纯黑 / 无主题绿。
 * 上一版（0.4.61）用 JS 搬节点导致面板空白，已回滚 —— 不要再引入 JS。
 */
/* 全部只在移动断点生效；选择器一律限定在弹层 .mfp-wrap.off-canvas 内，不依赖 body 类 */

@media (max-width: 849px) {

  /* ① 全屏面板：只放大 mfp-content；.off-canvas / .mobile-sidebar 不设高度 */
  .mfp-wrap.off-canvas .mfp-content {
    width: 100vw !important; max-width: 100vw !important;
    height: 100vh !important; max-height: 100vh !important;
    background: #fff !important; box-shadow: none !important; transform: none !important;
    overflow-y: auto !important; -webkit-overflow-scrolling: touch !important;
  }
  .mfp-wrap.off-canvas .mfp-container { padding: 0 !important; }
  .mfp-wrap.off-canvas .mobile-sidebar,
  .mfp-wrap.off-canvas .off-canvas {
    width: 100% !important; max-width: 100% !important;
    height: auto !important; min-height: 0 !important;
    margin: 0 !important; padding: 0 !important;
    background: #fff !important; border: 0 !important; border-radius: 0 !important;
    box-shadow: none !important; overflow: visible !important;
  }

  /* ② 关闭 ×：固定右上，用伪元素画两条线 */
  .mfp-wrap.off-canvas .mfp-close {
    position: fixed !important; top: 10px !important; right: 8px !important;
    width: 44px !important; height: 44px !important; padding: 0 !important; margin: 0 !important;
    font-size: 0 !important; line-height: 0 !important; color: transparent !important;
    opacity: 1 !important; z-index: 9999 !important; background: transparent !important;
  }
  .mfp-wrap.off-canvas .mfp-close::before,
  .mfp-wrap.off-canvas .mfp-close::after {
    content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important;
    width: 20px !important; height: 1.6px !important; background: #0f0f0f !important; border-radius: 2px !important;
  }
  .mfp-wrap.off-canvas .mfp-close::before { transform: translate(-50%,-50%) rotate(45deg) !important; }
  .mfp-wrap.off-canvas .mfp-close::after  { transform: translate(-50%,-50%) rotate(-45deg) !important; }

  /* ③ 顶部 wordmark（纯 CSS 装饰，不是菜单项） */
  .mfp-wrap.off-canvas #main-menu::before {
    content: 'UNITHMED'; display: block !important;
    padding: 6px 22px 18px !important;
    font-size: 13px !important; font-weight: 700 !important;
    letter-spacing: .2em !important; color: #0f0f0f !important;
  }

  /* ④ 列表容器 */
  .mfp-wrap.off-canvas #main-menu {
    padding: 12px 0 0 !important; margin: 0 !important; width: 100% !important;
  }
  .mfp-wrap.off-canvas #main-menu,
  .mfp-wrap.off-canvas #main-menu.nav-uppercase,
  .mfp-wrap.off-canvas #main-menu li,
  .mfp-wrap.off-canvas #main-menu a { text-transform: none !important; }

  /* ⑤ 第一项是搜索：压成紧凑一行，绿按钮改黑 */
  .mfp-wrap.off-canvas #main-menu li.header-search-form {
    padding: 0 22px 18px !important; border-bottom: 0 !important; background: transparent !important;
  }
  .mfp-wrap.off-canvas #main-menu li.header-search-form .search-form {
    display: flex !important; gap: 8px !important; padding: 0 !important;
  }
  .mfp-wrap.off-canvas #main-menu li.header-search-form input {
    flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; height: 42px !important;
    border: 1px solid rgba(15,15,15,.12) !important; border-radius: 10px !important;
    font-size: 14.5px !important; padding: 0 14px !important;
  }
  .mfp-wrap.off-canvas #main-menu li.header-search-form button,
  .mfp-wrap.off-canvas #main-menu li.header-search-form .button {
    flex: 0 0 44px !important; width: 44px !important; height: 42px !important; padding: 0 !important;
    background: #0f0f0f !important; color: #fff !important;
    border: 1px solid #0f0f0f !important; border-radius: 10px !important;
  }

  /* ⑥ 菜单项：19px / 纯黑 / 一条淡分隔线 */
  .mfp-wrap.off-canvas #main-menu li > a:not(.button) {
    display: block !important; padding: 16px 22px !important;
    font-size: 19px !important; font-weight: 500 !important;
    letter-spacing: -.015em !important; line-height: 1.3 !important;
    color: #0f0f0f !important; background: transparent !important; text-decoration: none !important;
    border-bottom: 1px solid rgba(15,15,15,.07) !important;
  }
  .mfp-wrap.off-canvas #main-menu li > a:not(.button):active { background: #fafafa !important; }
  .mfp-wrap.off-canvas #main-menu .sub-menu li a {
    font-size: 15px !important; color: #3d3d3d !important;
    padding: 11px 22px 11px 38px !important; border-bottom: 0 !important;
  }

  /* ⑦ 两个按钮项（菜单里带 button 类）：统一黑色胶囊 */
  .mfp-wrap.off-canvas #main-menu a.button {
    border-radius: 999px !important; font-size: 15.5px !important; text-transform: none !important;
    border-bottom: 0 !important;
  }
}