.elementor-10969 .elementor-element.elementor-element-1a6d730{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-3549f37 *//* ========== 1) 让 header 容器不裁切下拉 ========== */
.whb-header,
.whb-header .whb-row,
.whb-header .whb-flex-row,
.whb-header .container,
.whb-header .wd-header-nav,
.whb-header .wd-header-main,
.whb-header .wd-header-nav-wrapp,
.whb-header .wd-nav{
  overflow: visible !important;
}

/* ========== 2) 强制 dropdown 可交互（很多主题会 pointer-events:none） ========== */
.whb-header .menu-item-has-children > .sub-menu,
.whb-header .menu-item-has-children > .wd-dropdown,
.whb-header .menu-item-has-children > .wd-dropdown-menu{
  pointer-events: auto !important;
}

/* ========== 3) 用 hover / focus-within 稳定保持显示（避免 mouseleave 过早触发） ========== */
.whb-header .menu-item-has-children{
  position: relative;
}

/* 默认隐藏（如果主题已经隐藏，这段不影响；如果主题用别的方式隐藏，也不冲突） */
.whb-header .menu-item-has-children > .sub-menu,
.whb-header .menu-item-has-children > .wd-dropdown,
.whb-header .menu-item-has-children > .wd-dropdown-menu{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, visibility .15s ease;
  z-index: 99999;
}

/* hover 到父级 或 hover 到 dropdown 本身 或 键盘 focus，都保持显示 */
.whb-header .menu-item-has-children:hover > .sub-menu,
.whb-header .menu-item-has-children:hover > .wd-dropdown,
.whb-header .menu-item-has-children:hover > .wd-dropdown-menu,
.whb-header .menu-item-has-children:focus-within > .sub-menu,
.whb-header .menu-item-has-children:focus-within > .wd-dropdown,
.whb-header .menu-item-has-children:focus-within > .wd-dropdown-menu,
.whb-header .menu-item-has-children > .sub-menu:hover,
.whb-header .menu-item-has-children > .wd-dropdown:hover,
.whb-header .menu-item-has-children > .wd-dropdown-menu:hover{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ========== 4) 关键：把“hover 桥”放到父 li（更稳，覆盖你说的“还没到菜单就消失”） ========== */
.whb-header .menu-item-has-children::after{
  content:"";
  position:absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 24px;      /* 桥高度：你可以调 16~40 */
  background: transparent;
}

/* ========== 5) 如果主题给 dropdown 加了 transform 下移，消掉间隙 ========== */
.whb-header .menu-item-has-children > .sub-menu,
.whb-header .menu-item-has-children > .wd-dropdown,
.whb-header .menu-item-has-children > .wd-dropdown-menu{
  margin-top: 0 !important;
  transform: translateY(0) !important;
}

/* ====== Mega 打开时：锁住页面滚动 ====== */
body.mega4-lock{
  overflow: hidden !important;
}

/* ====== 让下拉 block 本体可滚 ====== */
.mega4{
  max-height: calc(100vh - 120px);  /* 你可调：离顶部/头部留空 */
  overflow: hidden;                 /* 外层不滚，滚动交给内部 */
}

/* 左侧如果也希望跟着滚，可以给 wrap 100% 高 */
.mega4__wrap{
  height: 100%;
}

/* 右侧滚动（你要“block 下拉”通常就是右侧内容多） */
.mega4__right{
  max-height: calc(100vh - 160px);  /* 你可调：和 .mega4 配合 */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;     /* ✅ 防止滚动穿透到页面 */
}

/* 如果你希望“整个 block（左右一起）都滚”，用这个替代上面 mega4__right 的规则 */
/*
.mega4__wrap{
  max-height: calc(100vh - 120px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.mega4__right{ overflow: visible; max-height:none; }
*//* End custom CSS */