@charset "utf-8";

/* 톱바 전용 스타일 */
:root {
    --wtour-top-height: 64px; /* 헤더 높이를 소폭 키워 여백 확보 */
}

.wtour-header {
    display: flex;
    align-items: center;
    min-width: 1000px;
    height: var(--wtour-top-height, 64px);
    background-color: #262c34;
    padding: 0 16px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: var(--z-wtour-header, 10);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.wtour-logo a {
    color: #fff;
    font-size: 20px !important;
    padding: 0 15px;
    line-height: var(--wtour-top-height, 64px);
    font-weight: 600;
}

.logo-text{
    font-size: 20px !important;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
}

.wtour-header .layui-nav {
    background: transparent;
}

.wtour-nav-left {
    margin-top: 20px;
    min-width: 0;
    display: flex;
    align-items: center;
    overflow: visible; /* 불필요한 가로 스크롤 제거 */
}

.wtour-nav-right {
    margin-top: 20px;
    margin-left: auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

#container {
    padding-top: var(--wtour-top-height, 64px);
}

.wtour-header .layui-nav .layui-nav-item > a {
    height: var(--wtour-top-height, 64px);
    line-height: var(--wtour-top-height, 64px);
    padding: 0 5px;
}

.wtour-nav-left .layui-nav-item,
.wtour-nav-right .layui-nav-item {
    margin-right: 8px;
}

.wtour-header .layui-icon {
    margin-right: 5px;
    font-size: 16px;
}