/* ============================================
   左侧侧边栏折叠功能
   - 折叠按钮在顶部无底协和的小站右侧
   - 点击顶部 logo 展开
   ============================================ */

/* === 顶部折叠按钮样式 === */
a.navbar-brand .aside-fold-btn,
#asideFoldBtn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.2s ease;
    background: transparent !important;
    border: none;
    padding: 0;
    margin-left: 4px;
    line-height: 1;
    vertical-align: middle;
}

#asideFoldBtn:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

#asideFoldBtn:active {
    background: rgba(255, 255, 255, 0.18) !important;
}

.aside-fold-btn svg {
    width: 15px;
    height: 15px;
    transition: transform 0.3s ease;
}

.aside-fold-btn:hover svg {
    transform: scale(1.1);
}

/* 小屏幕隐藏折叠按钮 */
@media (max-width: 992px) {
    .aside-fold-btn {
        display: none !important;
    }
}

/* === 折叠状态 === */

/* 折叠后隐藏左侧边栏底栏 */
body.app-aside-folded #left_footer {
    display: none !important;
}

/* 折叠后左侧导航文字隐藏 */
body.app-aside-folded .app-aside .nav li > a span:not(.nav-icon):not(.badge) {
    display: none !important;
}

/* 折叠后子菜单隐藏 */
body.app-aside-folded .app-aside .nav li ul {
    display: none !important;
}

/* 折叠后导航图标居中 */
body.app-aside-folded .app-aside .nav-icon {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

/* === 折叠状态下显示站点标题 === */
body.app-aside-folded .app-aside .dropdown-toggle .hidden-folded {
    /* 默认隐藏文字容器内部的原有布局 */
}
/* 折叠时：站点标题显示在头像右侧 */
body.app-aside-folded .app-aside #aside-user .dropdown-toggle .hidden-folded {
    display: block !important;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    width: auto;
    background: transparent;
}
body.app-aside-folded .app-aside #aside-user .dropdown-toggle .hidden-folded .block strong {
    font-size: 13px;
    color: inherit;
}
body.app-aside-folded .app-aside #aside-user .dropdown-toggle .hidden-folded .caret,
body.app-aside-folded .app-aside #aside-user .dropdown-toggle .hidden-folded .text-muted {
    display: none !important;
}

.theme-dark #asideFoldBtn {
    color: rgba(255, 255, 255, 0.6) !important;
}

.theme-dark #asideFoldBtn:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

/* ===== glyphicon/fontello 图标颜色 ===== */

/* 默认（彩色半透明侧边栏）白色 */
#aside .nav li a .nav-icon i[class*="glyphicon"],
#aside .nav li a i[class*="glyphicon"] {
    color: rgba(255,255,255,0.85) !important;
}

/* 暗色/皮肤模式也白色 */
.theme-dark #aside .nav li a .nav-icon i[class*="glyphicon"],
.theme-dark #aside .nav li a i[class*="glyphicon"],
.night-mode #aside .nav li a .nav-icon i[class*="glyphicon"],
.night-mode #aside .nav li a i[class*="glyphicon"] {
    color: rgba(255,255,255,0.85) !important;
}

/* SVG导航图标颜色 - 白色 */
#aside .nav li a .nav-icon svg,
#aside .nav li a svg.feather {
    color: rgba(255,255,255,0.85) !important;
    stroke: rgba(255,255,255,0.85) !important;
}

/* SVG暗色也白色 */
.theme-dark #aside .nav li a .nav-icon svg,
.theme-dark #aside .nav li a svg.feather,
.night-mode #aside .nav li a .nav-icon svg,
.night-mode #aside .nav li a svg.feather {
    color: rgba(255,255,255,0.85) !important;
    stroke: rgba(255,255,255,0.85) !important;
}

/* 折叠按钮本身 */
#asideFoldBtn svg,
.aside-fold-btn svg {
    color: rgba(255,255,255,0.7) !important;
    stroke: rgba(255,255,255,0.7) !important;
}

/* ===== 顶栏固定 ===== */
#header_left, #header_right {
    position: fixed !important;
    top: 0;
    z-index: 999;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
}
#header_left {
    width: 220px;
}
#header_right {
    left: 220px !important;
    right: 0;
    margin-left: 0 !important;
}
#content {
    margin-top: 50px !important;
}
.app-content-body {
    padding-top: 0 !important;
}
@media (max-width: 767px) {
    #header_right {
        left: 0 !important;
    }
}

/* ===== 简洁模式（纯白背景）图标变深色 ===== */
body.app_clean_mode #aside .nav li a .nav-icon i[class*="glyphicon"],
body.app_clean_mode #aside .nav li a i[class*="glyphicon"],
body.app_clean_mode #aside .nav li a .nav-icon svg,
body.app_clean_mode #aside .nav li a svg.feather {
    color: #58666e !important;
    stroke: #58666e !important;
}