/* 针对侧边栏子菜单，使其参与文档流，实现“推挤”效果 */
.header-menu-sidebar .sub-menu {
    position: relative !important; /* 强制改为相对定位 */
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0 !important;
    background: transparent;
    transition: none !important; /* 如果有动画导致计算延迟，可暂时禁用 */
}

/* 隐藏用于触发的箭头图标（如果不需要的话） */
.header-menu-sidebar .nav-toggle-icon {
    display: none;
}

/* =====================================
   Customify Mobile Menu
   ===================================== */

@media (max-width:768px){

/* ---------- 通用 ---------- */

.menu-item-has-children{
    position:relative;
}

/* 子菜单 */

.sub-menu,
.children{

    display:none;
    position:static!important;

    width:100%!important;

    margin:0!important;
    padding-left:18px!important;

    background:transparent!important;

    border:0!important;
    box-shadow:none!important;

}

/* 展开 */

.menu-item-has-children.open>.sub-menu,
.menu-item-has-children.open-sub>.sub-menu,
.menu-item-has-children.toggled>.sub-menu{

    display:block!important;

}

/* 子菜单项 */

.sub-menu li,
.children li{

    margin:0;
    padding:0;

    list-style:none;

    background:transparent!important;

}

/* 链接 */

.sub-menu a,
.children a{

    display:block;

    padding:8px 12px;

    color:#e8e8e8;

    background:transparent!important;

    text-decoration:none;

    line-height:1.5;

}

.sub-menu a:hover,
.children a:hover{

    color:#cccccc;
    background:transparent!important;

}

/* ---------- 三级菜单 ---------- */

.sub-menu .sub-menu,
.children .children{

    padding-left:20px!important;

}

.sub-menu .sub-menu a,
.children .children a{

    font-size:13px;
    color:#d5d5d5;

}

/* ---------- Header ---------- */

/* 去掉主题默认 after */

.header-menu-sidebar .menu-item-has-children>a::after{

    display:none!important;

}

/* 使用主题自己的箭头 */

.header-menu-sidebar .nav-toggle-icon{

    display:inline-block!important;

}

.header-menu-sidebar .menu-item-has-children.open .nav-icon-angle,
.header-menu-sidebar .menu-item-has-children.open-sub .nav-icon-angle{

    transform:rotate(-90deg);

}

/* ---------- Footer ---------- */

.site-footer .menu-item-has-children>a::after{

    content:"▸";

    display:inline-block;

    margin-left:6px;

    color:#fff;

    transition:transform .25s ease;

}

.site-footer .menu-item-has-children.open>a::after,
.site-footer .menu-item-has-children.open-sub>a::after,
.site-footer .menu-item-has-children.toggled>a::after{

    transform:rotate(-90deg);

}

/* Footer 子菜单与背景一致 */

.site-footer .sub-menu,
.site-footer .children,
.site-footer .sub-menu li,
.site-footer .children li,
.site-footer .sub-menu a,
.site-footer .children a{

    background:transparent!important;

}

}