/* 自定義樣式 */

/* 左側選單子選單樣式 */
/* 為所有層級的子選單添加較深的背景色，增加層次感 */
.sidebar-dark-primary .nav-sidebar .nav-treeview {
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.16), inset 0 3px 6px rgba(0,0,0,0.23);
}

/* 淺色模式 */
.sidebar-light-primary .nav-sidebar .nav-treeview {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.05);
}

/* 第一層子選單 (Level 2) 縮進 */
.nav-sidebar .nav-treeview > .nav-item > .nav-link {
    padding-left: 2.2rem;
}

/* 第二層子選單 (Level 3) 縮進與背景加深 */
.nav-sidebar .nav-treeview .nav-treeview > .nav-item > .nav-link {
    padding-left: 3.2rem;
    background-color: rgba(0, 0, 0, 0.1);
}

/* 第三層子選單 (Level 4) 縮進 */
.nav-sidebar .nav-treeview .nav-treeview .nav-treeview > .nav-item > .nav-link {
    padding-left: 4.2rem;
}

/* Hover 效果微調 */
.nav-sidebar .nav-treeview > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* 確保圖標與文字的間距適當 */
.nav-sidebar .nav-treeview > .nav-item > .nav-link > i {
    margin-right: 0.5rem;
}