/* モバイル専用サイドバー修正 - パソコンに影響なし */

/* ===== モバイルデバイスのみに適用 ===== */
@media (max-width: 768px) {
    /* サイドバーのz-index修正（モバイルのみ） */
    .sidebar {
        z-index: 1050 !important;
        position: fixed !important;
    }
    
    /* サイドバーが表示されている時のz-index強化 */
    .sidebar.show,
    .sidebar.active {
        z-index: 1060 !important;
    }
    
    /* サイドバー内の全要素を確実に最前面に */
    .sidebar *,
    .sidebar .nav-link,
    .sidebar .nav-item,
    .sidebar a,
    .sidebar button {
        position: relative !important;
        z-index: 1061 !important;
        pointer-events: auto !important;
    }
    
    /* オーバーレイのz-index調整 */
    #sidebar-overlay {
        z-index: 1040 !important;
    }
    
    /* ハンバーガーメニューボタンを最前面に */
    .sidebar-toggle-btn {
        z-index: 1070 !important;
    }
}

/* ===== デスクトップでは一切変更なし ===== */
@media (min-width: 769px) {
    /* デスクトップでは既存のスタイルを維持 */
    .sidebar {
        /* 既存の設定をそのまま使用 */
    }
}