/* ============================================================
   leftnav.css — 登入後左側選單雙欄版型
   適用頁面：licenseadoption / sponsordonate / equipmentdonate
   版型規格對齊 _2026n2.scss %n2Layout
   ============================================================ */

/* siteHeader2026 是 position:fixed; height:72px，需補頂部偏移 */
/* display:grid !important 覆蓋 am-g 的 display:flex */
.member-layout-shell {
    display: grid !important;
    grid-template-columns: 220px 1fr;
    max-width: 1280px;
    margin: 72px auto 0;
    min-height: calc(100vh - 72px);
    width: 100%;
}

.member-layout-shell #left-Column {
    border-right: 1px solid #e5e7eb;
}

.member-layout-shell #left-Column .am-u-12 {
    padding: 0;
}

.member-layout-shell #right-Column {
    min-width: 0;
}

/* 手機版 toggle 按鈕 */
.memberNavToggle2026 {
    display: none;
}

@media (max-width: 768px) {
    .member-layout-shell {
        grid-template-columns: 1fr;
        margin-top: 72px;
    }

    /* 左欄預設隱藏，展開時顯示為全寬面板 */
    .member-layout-shell #left-Column {
        display: none !important;
        order: 2;
        border-right: none;
        border-bottom: 1px solid #e5e7eb;
    }

    .member-layout-shell #left-Column.is-open {
        display: block !important;
    }

    /* toggle 按鈕顯示 */
    .memberNavToggle2026 {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 10px 16px;
        background: #f9fafb;
        border: none;
        border-bottom: 1px solid #e5e7eb;
        font-size: 0.875rem;
        font-weight: 600;
        color: #374151;
        cursor: pointer;
        text-align: left;
    }

    .memberNavToggle2026 .material-icons-outlined {
        font-size: 1.1rem;
        color: #047857;
        transition: transform 0.2s ease;
    }

    .memberNavToggle2026.is-open .material-icons-outlined.toggle-arrow {
        transform: rotate(180deg);
    }

    .memberNavToggle2026 .toggle-label {
        flex: 1;
        color: #047857;
    }
}