/*
 * 建立日期: 2026-08-13
 * 程式內容說明: SnowyOwl 專案自己的樣式（美術稿沒有的東西）。
 *
 * ⚠️ 不要改 global.css / index.css / inner.css —— 那三支是美術稿原封不動搬過來的，
 * 美術稿改版時會整個覆蓋，改在那裡的東西會靜默消失。專案自己要的樣式一律寫這裡，
 * 由 decorator 在 global.css 之後載入。
 */

/* --- 頁首的登入狀態 ---
 * 美術稿只設計了「未登入」的人像 icon（.sideNav .login a），
 * 沒有登入後要顯示的帳號與登出。這裡沿用它的字級與配色補上。 */
.sideNav .member-account {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    line-height: 24px;
    color: #2D2D2F;
}

.sideNav .member-logout a {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    color: #5A5ECA;
    white-space: nowrap;
}

.sideNav .member-logout a:hover {
    opacity: .6;
}

@media screen and (max-width: 768px) {
    /* 手機版頁首空間很窄，帳號讓位給登出（真正需要按的是登出） */
    .sideNav .member-account {
        display: none;
    }
}

/* --- 空狀態底下的行動按鈕（會員中心「目前沒有購買紀錄」→ 前往選購方案） ---
 * 美術稿只設計了 banner 的主 CTA（.bn_btn .btn = 180×60 黑底，手機版 width:100%），
 * 那個尺寸是給首頁主視覺的，擺在一行小灰字底下太重。
 *
 * 這裡沿用內頁的 a.btn（圓角 8px、淡紫底）只收尺寸：
 *   - inner.css 的 a.btn 是 display:flex，區塊層級會撐滿整列 → 改 inline-flex 隨內容縮。
 *   - 40px / padding 0 20px 取自美術稿自己的小尺寸變體 a.btn.in-order，
 *     沒有直接掛 .in-order 是因為那個 class 的語意屬於訂單卡片。
 * 選擇器是 (0,2,0)，勝過 inner.css 的 a.btn (0,1,1)，與載入順序無關。 */
.empty-action {
    margin-top: 12px;
}

.empty-action .btn {
    display: inline-flex;
    width: auto;
    height: 40px;
    padding: 0 20px;
}

/* --- 方案「詳情」popup（/plan 的卡片） ---
 * 用美術稿自己的 .pop_overlay／.pop_bx／.pop_close（global.css），這裡只補兩件
 * 那份樣式沒有處理的事。
 *
 * 1. 預設隱藏：global.css 的 .pop_bx 沒有 display:none —— 它原本是設計成
 *    「一直顯示在圖片上」的登入遮罩（見 static/strategy_3.jsp），不是點開的 modal。
 *    用 [hidden] 而不是自訂 class，讓沒有 JS 時也是關著的。
 * 2. 描述文字：introduction 是後台 textarea 存的純文字，換行要靠 pre-line 才看得到；
 *    後台對它沒有任何長度限制，所以一定要有高度上限與捲動，否則長文會把 popup 撐出畫面。 */
.plan-detail-pop[hidden] {
    display: none;
}

.plan-detail-pop .pop_bx {
    align-items: stretch;
}

.plan-detail-pop .plan-detail-text {
    white-space: pre-line;
    text-align: left;
    max-height: 60vh;
    overflow-y: auto;
    line-height: 1.8;
}