@charset "utf-8";

/* 사이드바 전용 스타일 */
:root {
    --wtour-side-width: 150px;
    --wtour-sidebar-width: 150px; /* 모달 등 다른 레이아웃 계산과 일치 */
}

/* 사이드바 메뉴 - 접기/펼치기 기능 제거, 항상 표시 */
.simple-menu .layui-nav-item {
    height: auto;
}

.simple-menu .layui-nav-item > a {
    line-height: 50px;
    min-height: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #2f363c;
}

.simple-menu .layui-nav-item > a .layui-icon {
    line-height: 50px;
}

/* 서브메뉴 항상 표시 */
.simple-menu .layui-nav-item .layui-nav-child {
    display: block !important;
    position: static !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* 화살표 아이콘 완전 제거 */
.simple-menu .layui-nav-item > a:after,
.simple-menu .layui-nav-item > a:before {
    display: none !important;
    content: none !important;
}
.simple-menu .layui-nav-child dl {
    margin: 0;
    padding: 0;
}

/* 하위 메뉴 항목 높이 설정 */
.simple-menu .layui-nav-child dd {
    height: 42px;
    line-height: 42px;
    margin: 0;
}

.simple-menu .layui-nav-child dd > a {
    line-height: 42px;
    min-height: 42px;
    height: 42px;
    padding-left: 25px;
}

.simple-menu .layui-nav-child dd > a .layui-icon {
    line-height: 42px;
}

/* 메뉴 항목 호버 효과 */
.simple-menu .layui-nav-item > a:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

.simple-menu .layui-nav-child dd > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* 레이아웃 z-index 설정 */
.layui-header {
    z-index: var(--z-wtour-header) !important;
    position: relative;
}

.wtour-side {
    z-index: var(--z-wtour-sidebar) !important;
    position: fixed !important;
    top: var(--wtour-top-height, 60px);
    bottom: 0;
    left: 0;
    width: var(--wtour-side-width, 150px);
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch;
}

.layui-body {
    z-index: var(--z-wtour-content) !important;
    position: relative;
    margin-left: var(--wtour-side-width, 150px); /* Layui 기본 left 대신 커스텀 폭 적용 */
}

/* 사이드바 높이 및 배경색 설정 */
.wtour-side {
    height: calc(100vh - var(--wtour-top-height, 60px)) !important;
    min-height: calc(100vh - var(--wtour-top-height, 60px)) !important;
    background-color: #2f363c !important;
}

.wtour-side-scroll {
    height: calc(100vh - var(--wtour-top-height, 60px)) !important;
    min-height: calc(100vh - var(--wtour-top-height, 60px)) !important;
    overflow-y: auto;
    overflow-x: hidden; /* 좌우 스크롤 제거 */
}