/* 
 * XGIS Server 推擠式側邊欄樣式 - 完全重構版
 * 作者：Claude
 * 日期：2025-04-16
 */

/* 側邊欄偏好設定 */
:root {
    --sidebar-width: 260px;
    --header-height: 60px;
    --transition-speed: 0.3s;
}

/* 側邊欄固定樣式 */
.xgis-sidebar-wrapper {
    position: fixed !important;
    z-index: 1030 !important;
    width: var(--sidebar-width) !important;
    height: calc(100vh - var(--header-height)) !important;
    top: var(--header-height) !important;
    left: 0 !important;
    transition: transform var(--transition-speed) ease !important;
    transform: translateX(-100%) !important;
}

.xgis-sidebar-wrapper.expanded {
    transform: translateX(0) !important;
}

/* 
 * 主內容區域推擠樣式 - 徹底重構
 * 不設定任何預設樣式，全部由展開狀態來控制
 */
.xgis-main-content {
    position: relative !important;
    transition: all var(--transition-speed) ease !important;
    padding: 1rem !important;
}

/* 側邊欄關閉時的主內容樣式 - 最高優先級 */
.xgis-main-content:not(.sidebar-expanded) {
    margin-left: 0 !important;
    width: 100% !important;
}

/* 側邊欄展開時的主內容樣式 - 最高優先級 */
.xgis-main-content.sidebar-expanded {
    margin-left: var(--sidebar-width) !important;
    width: calc(100% - var(--sidebar-width)) !important;
}

/* 側邊欄覆蓋層樣式 */
.xgis-sidebar-overlay {
    position: fixed !important;
    top: var(--header-height) !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - var(--header-height)) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 1025 !important;
    display: none !important;
}

/* 手機版覆蓋樣式 - 強制最高優先級 */
@media (max-width: 991.98px) {
    .xgis-main-content.sidebar-expanded {
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    .xgis-sidebar-wrapper {
        z-index: 1050 !important;
    }
    
    .xgis-sidebar-wrapper.expanded {
        box-shadow: var(--shadow, 0 0.5rem 1rem rgba(0, 0, 0, 0.15)) !important;
    }
    
    .xgis-sidebar-overlay {
        display: block !important;
        z-index: 1045 !important;
    }
}