/* ─── MEGA MENU PANEL（完整替换版） ─── */

/* header 实际高度，按你的站点再微调 */
:root {
    --header-height: 128px;
}

@media (min-width: 769px) {
    /* 只对“课程体系”这个顶级菜单项生效
       前提：has-mega-menu 只加在顶级 li 上，不要加在 submenu 的 ul 上 */
    .wp-block-navigation li.has-mega-menu {
        position: relative;
    }

    /* 顶级按钮保持正常显示 */
    .wp-block-navigation li.has-mega-menu>.wp-block-navigation-submenu__toggle {
        display: flex;
        align-items: center;
        height: var(--nav-h, 64px);
        padding: 0 1rem;
        background: none;
        border: none;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }

    /* 顶级箭头保留 */
    .wp-block-navigation li.has-mega-menu>.wp-block-navigation__submenu-icon {
        display: inline-flex;
        align-items: center;
    }

    /* mega 面板：课程体系下面紧跟着的那个 ul */
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container {
        display: none !important;
        position: fixed !important;
        top: var(--header-height, 128px) !important;
        left: 20vw !important; /* 左边距离屏幕 20% */
        right: auto !important;
        transform: none !important;

        width: max-content !important;
        max-width: calc(100vw - 40px) !important;

        margin: 0 !important;
        padding: 1.25rem 1.25rem !important;
        list-style: none !important;

        background: var(--wp--preset--color--base) !important;
        border: 1px solid var(--wp--preset--color--primary) !important;
        border-radius: 10px !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08) !important;

        grid-auto-flow: column !important;
        grid-auto-columns: minmax(140px, auto) !important;
        gap: 0.75rem !important;

        z-index: 9999 !important;
    }

    /* 只在课程体系 hover / focus 时展开 mega */
    .wp-block-navigation li.has-mega-menu:hover>ul.wp-block-navigation__submenu-container,
    .wp-block-navigation li.has-mega-menu:focus-within>ul.wp-block-navigation__submenu-container {
        display: grid !important;
    }

    /* mega 的每一列 */
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item {
        display: block !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: 220px !important;
        padding: 0 0.75rem !important;
        border-right: 1px solid var(--wp--preset--color--border-light) !important;
    }

    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item:first-child {
        padding-left: 0 !important;
    }

    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item:last-child {
        padding-right: 0 !important;
        border-right: none !important;
    }

    /* 二级栏目标题 (适配 WP 结构中可能使用 a 标签或 button 作为标题) */
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item>.wp-block-navigation-submenu__toggle,
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item>.wp-block-navigation-item__content {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 0.6rem 0 !important;
        padding: 0 0 0.45rem 0 !important;
        background: none !important;
        border: none !important;
        border-bottom: 1px solid var(--wp--preset--color--border-light) !important;
        text-align: left !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        color: var(--wp--preset--color--main) !important;
        pointer-events: none !important;
        /* 使作为标题的它是不可点击的 */
        cursor: default !important;
    }

    /* 隐藏二级标题单独的箭头外包装 (若存在) */
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item>.wp-block-navigation__submenu-icon {
        display: none !important;
    }

    /* 隐藏内部的 SVG 图标，防止 WP 在 a 或 button 内自动生成箭头 */
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item>.wp-block-navigation-item__content svg,
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item>.wp-block-navigation-submenu__toggle svg {
        display: none !important;
    }

    /* 强制三级 ul 显示 (彻底打破 WP Interactivity API 或核心样式的隐藏) */
    .wp-block-navigation li.has-mega-menu ul.wp-block-navigation__submenu-container ul.wp-block-navigation__submenu-container {
        display: block !important;
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;

        width: 100% !important;
        height: auto !important;
        min-height: 1px !important;
        max-height: none !important;
        min-width: 0 !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;

        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    /* 强制三级 li 显示，打破可能的层叠溢出隐藏 */
    .wp-block-navigation li.has-mega-menu ul.wp-block-navigation__submenu-container ul.wp-block-navigation__submenu-container li {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: visible !important;
    }

    /* 强制三级链接显示（并重置由于上面二级标题带来的指针事件拦截） */
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 5px 8px !important;
        border-radius: 6px !important;
        border-bottom: none !important;
        /* 清除二级标题带过来的底边距 */

        font-size: 14.5px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        color: var(--wp--preset--color--secondary) !important;
        text-decoration: none !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    /* hover 效果 - 直接加在链接上即可 */
    .wp-block-navigation li.has-mega-menu>ul.wp-block-navigation__submenu-container>li.wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background: var(--wp--preset--color--primary-accent) !important;
        color: var(--wp--preset--color--primary) !important;
    }
}