/*
 * 页头二级菜单的真实 DOM 开合动效。
 * 不创建 Canvas 或 WebGL 覆盖层，面板中的链接始终是可访问、可点击的原始导航元素。
 */
@media (min-width: 783px) and (prefers-reduced-motion: no-preference) {
  .yumin-site-header .wp-block-navigation-item.yumin-menu-kinematics--animating > .wp-block-navigation__submenu-container {
    /* WordPress 在父项失去悬浮后会立即写入 height: 0；动画必须保留完整面板的自然高度。 */
    height: auto !important;
    visibility: visible !important;
    opacity: var(--yumin-header-menu-motion-opacity, 1) !important;
    overflow: hidden !important;
    pointer-events: var(--yumin-header-menu-motion-pointer-events, auto) !important;
    transform: var(--yumin-header-menu-motion-transform, translate3d(0, 0, 0) scale(1)) !important;
    transform-origin: var(--yumin-header-menu-motion-origin, 50% 0%);
    filter: blur(var(--yumin-header-menu-motion-blur, 0));
    clip-path: var(--yumin-header-menu-motion-clip, inset(0));
    transition: none !important;
    will-change: transform, opacity, filter, clip-path;
  }

  /* Products 面板已有横向越界回推；动画只能叠加纵向变换，不能覆盖该安全边界。 */
  .yumin-site-header .wp-block-navigation-item.yumin-menu-kinematics--animating > .yumin-products-menu__panel {
    transform: translateX(var(--yumin-products-menu-shift, 0px)) var(--yumin-header-menu-motion-transform, translate3d(0, 0, 0) scale(1)) !important;
  }

  .yumin-site-header .wp-block-navigation-item.yumin-menu-kinematics--animating > .wp-block-navigation__submenu-container a {
    opacity: var(--yumin-header-menu-item-opacity, 1);
    transform: var(--yumin-header-menu-item-transform, translate3d(0, 0, 0) scale(1));
    filter: blur(var(--yumin-header-menu-item-blur, 0));
    transition: none !important;
    will-change: transform, opacity, filter;
  }

  /* Products 标题和空状态不是链接；同步淡出可防止极限纵向压缩时留下黑色文字残影。 */
  .yumin-site-header .wp-block-navigation-item.yumin-menu-kinematics--animating > .yumin-products-menu__panel > .yumin-products-menu__panel-header > span,
  .yumin-site-header .wp-block-navigation-item.yumin-menu-kinematics--animating > .yumin-products-menu__panel > .yumin-products-menu__panel-content > .yumin-products-menu__empty {
    opacity: var(--yumin-header-menu-products-content-opacity, 1);
  }

  .yumin-site-header .wp-block-navigation-item.yumin-menu-kinematics--animating > .yumin-products-menu__panel > .yumin-products-menu__panel-header {
    border-bottom-color: rgb(232 239 238 / var(--yumin-header-menu-products-content-opacity, 1));
  }

}