/* 产品分类tree
----------------------------------------------- */
/* 确保子菜单初始隐藏 */
.cd-accordion-menu ul {
    display: none;
}

/* 为展开和收缩动画添加过渡效果 */
.cd-accordion-menu ul {
    transition: all 0.3s;
}

/* 主菜单样式 */
.cd-accordion-menu li {
    list-style: none;
    background-color: #ccc;/*一级分类背景色*/
    border-bottom: 0px solid #ddd;
    padding: 16px 8px 8px 0px;
    font-size: 15px;
    position: relative; /* 添加相对定位 */
}

/* 主菜单链接样式 */
.cd-accordion-menu a {
    text-decoration: none;
    color: #333;
    padding: 16px 8px 8px 30px;
}
/* 主菜单链接样式，鼠标变化 */
.cd-accordion-menu a:hover {
    text-decoration: none;
    color: #d70000;
    padding: 16px 8px 8px 30px;
}

/* 子菜单样式 */
.cd-accordion-menu ul li {
    background-color: #ddd;/*二级分类背景色*/
    padding: 12px 8px 8px 10px;
}

/* 子菜单链接样式 */
.cd-accordion-menu ul a {
    color: #555;
}

/* 隐藏原始复选框的样式 */
.custom-checkbox {
    display: none;
}

/* 初始时的图标样式（关闭状态的图标） */
.icon-container::before {
    background: url(/images/icon1.png) no-repeat 50px center!important;
}

/* 当相关子菜单展开时的图标样式（打开状态的图标） */
.has-children.expanded >.icon-container::before {
    background: url(/images/icon2.png) no-repeat 50px center!important;
}

/* 鼠标悬停时的图标样式 */
.icon-container:hover::before {
    color: #555;
}

/* 已点击展开的子菜单父元素样式 */
.has-children.expanded-clicked {
    background-color: #eaeaea;
    width: 100%;
}

/* 媒体查询，适应移动端 */
@media only screen and (max-width: 768px) {
  .cd-accordion-menu {
        display: flex;
        flex-wrap: wrap;
    }

  .cd-accordion-menu li {
        display: flex;
        align-items: center;
        padding: 12px 4px 4px 0px;
        font-size: 14px;
        flex-grow: 1;
    }

  .cd-accordion-menu a {
        padding: 12px 4px 4px 20px;
    }

  .cd-accordion-menu ul li {
        padding: 12px 4px 4px 10px;
    }

   /* 子菜单展开时的样式 */
 .cd-accordion-menu ul.expanded {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1; /* 确保子菜单在主菜单之上 */
    }
}