/* TCAFE21.COM 사이드바 메뉴 커스텀 색상 */
/* 작성일: 2025-10-16 */

/* 사이드바 배경을 흰색으로 변경 */
.skin-blue .left-side {
    background-color: #FFFFFF !important;
}

/* 메뉴 그룹 배경을 흰색으로 */
.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #FFFFFF !important;
}

/* 주메뉴 기본 스타일 - 볼드체 */
.sidebar-menu > li > a > span {
    font-weight: bold !important;
}

/* 주메뉴별 색상 지정 */
/* 1번째 메뉴: 커뮤니티 - 빨간색 계열 */
.sidebar-menu > li:nth-child(3) > a > span {
    color: #8B0000 !important;
}

/* 2번째 메뉴: 취미생활 - 녹색 계열 */
.sidebar-menu > li:nth-child(4) > a > span {
    color: #006400 !important;
}

/* 3번째 메뉴: 펀펀엔 조이 - 보라색 계열 */
.sidebar-menu > li:nth-child(5) > a > span {
    color: #8B008B !important;
}

/* 4번째 메뉴: 공유공간 - 진한 파란색 */
.sidebar-menu > li:nth-child(6) > a > span {
    color: #191970 !important;
}

/* 호버 시에도 색상 유지 */
.sidebar-menu > li:nth-child(3):hover > a > span,
.sidebar-menu > li:nth-child(3).active > a > span {
    color: #8B0000 !important;
}

.sidebar-menu > li:nth-child(4):hover > a > span,
.sidebar-menu > li:nth-child(4).active > a > span {
    color: #006400 !important;
}

.sidebar-menu > li:nth-child(5):hover > a > span,
.sidebar-menu > li:nth-child(5).active > a > span {
    color: #8B008B !important;
}

.sidebar-menu > li:nth-child(6):hover > a > span,
.sidebar-menu > li:nth-child(6).active > a > span {
    color: #191970 !important;
}

/* 아이콘도 같은 색상 적용 */
.sidebar-menu > li:nth-child(3) > a > i {
    color: #8B0000 !important;
}

.sidebar-menu > li:nth-child(4) > a > i {
    color: #006400 !important;
}

.sidebar-menu > li:nth-child(5) > a > i {
    color: #8B008B !important;
}

.sidebar-menu > li:nth-child(6) > a > i {
    color: #191970 !important;
}

/* 서브메뉴 배경도 흰색 */
.skin-blue .sidebar-menu li.treeview ul.treeview-menu {
    background: #FFFFFF !important;
}

/* 서브메뉴 호버 효과 */
.sidebar-menu li.treeview ul.treeview-menu > li > a:hover {
    background-color: #F5F5F5 !important;
}