/* 样式表用于Blazored菜单组件 */

/* 主菜单样式 */
.blazored-menu {
    list-style: none; /* 移除列表样式 */
    padding: 1rem 0; /* 上下边距 */
}

/* 隐藏菜单项 */
.blazored-menu li.hidden {
    display: none; /* 隐藏 */
}

/* 菜单链接样式 */
.blazored-menu li a {
    display: block; /* 块级显示 */
    padding: 0.15rem 1rem; /* 上下左右内边距 */
    color: #333; /* 颜色 */
    cursor: pointer; /* 鼠标指针样式 */
}

/* 菜单链接悬停样式 */
.blazored-menu li a:hover {
    text-decoration: underline; /* 悬停时添加下划线 */
}

/* 活动菜单链接样式 */
.blazored-menu li a.active {
    color: #333; /* 颜色 */
}

/* 禁用菜单项样式 */
.blazored-menu .disabled {
    display: block; /* 块级显示 */
    padding: .75rem 1rem; /* 上下左右内边距 */
    color: #d6d5d5; /* 颜色 */
    cursor: not-allowed; /* 禁用鼠标指针样式 */
}

/* 子菜单头部样式 */
.blazored-sub-menu-header {
    display: block; /* 块级显示 */
    color: #333; /* 颜色 */
    cursor: pointer; /* 鼠标指针样式 */
    margin-left: 0rem;  /* 左边距为 1rem，控制子菜单与父菜单之间的间距 */
     
}

/* 子菜单头部文字悬停样式 */
.blazored-sub-menu-header span:hover {
    text-decoration: underline; /* 悬停时添加下划线 */
}

/* 子菜单头部文字样式 */
.blazored-sub-menu-header span {
    display: block; /* 块级显示 */
    padding: .2rem 0.75rem; /* 上下左右内边距 */
    position: relative; /* 相对定位 */
}

/* 子菜单头部图标位置样式 */
.blazored-sub-menu-header span i {
    position: absolute; /* 绝对定位 */
    right: 0; /* 右边距 */
}

/* 打开状态的子菜单头部文字样式 */
.blazored-sub-menu-header.open span {
    padding-bottom: .2rem; /* 底部内边距 */
}

/* 子菜单样式 */
.blazored-sub-menu-header > .blazored-sub-menu {
    display: none; /* 隐藏 */
    padding: 0; /* 内边距 */
    margin-left: 1rem; /* 左边距 */
    list-style: none; /* 移除列表样式 */
}

/* 打开状态的子菜单样式 */
.blazored-sub-menu-header.open > .blazored-sub-menu {
    display: block; /* 块级显示 */
}