/* ===========================
   Accordion 深色主題（與表格主題一致）
   使用方式：<div class="accordion accordion">...</div>
   =========================== */

.accordion {
    --acc-bg: #0a2b33; /* 底色：對齊 .table-dark 背景 */
    --acc-bg-2: #0c333c; /* 淺一階背景（hover/active等） */
    --acc-border: #205261; /* 邊框色：對齊表格邊框 */
    --acc-text: #ffffff; /* 主要文字色 */
    --acc-muted: #c7d3d8; /* 次要文字色 */
    --acc-accent: #edb985; /* 強調色（你的主色） */
    --acc-accent-weak: rgba(237,185,133,.15);
    --acc-focus: rgba(237,185,133,.35);
}

    /* Accordion 外框與 item */
    .accordion .accordion-item {
        background-color: var(--acc-bg);
        color: var(--acc-text);
        border: 1px solid var(--acc-border);
        border-radius: .5rem;
        overflow: hidden;
        /* 每個 item 與 item 之間的間距 */
        margin-bottom: .75rem;
    }

    /* 調整 flush 版本（若使用 accordion-flush）邊界 */
    .accordion.accordion-flush .accordion-item {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    /* 標題按鈕（收合鈕） */
    .accordion .accordion-button {
        background-color: var(--acc-bg);
        color: var(--acc-text);
        padding: 1rem 1.25rem;
        font-weight: 600;
        letter-spacing: .02em;
        box-shadow: none; /* 拿掉預設陰影 */
        border: 0; /* 讓外框邊線統一由 .accordion-item 控制 */
    }

        /* 展開中的標題按鈕 */
        .accordion .accordion-button:not(.collapsed) {
            background-color: var(--acc-accent-weak); /* 呼應主色的淡底 */
            color: var(--acc-accent);
            box-shadow: inset 0 -1px 0 var(--acc-border); /* 與內容分隔 */
        }

        /* Hover 效果（強化可點感） */
        .accordion .accordion-button:hover {
            background-color: var(--acc-bg-2);
            color: var(--acc-text);
        }

        /* Focus 可見性（鍵盤導航） */
        .accordion .accordion-button:focus {
            box-shadow: 0 0 0 .2rem var(--acc-focus);
        }

        /* Chevon（箭頭）顏色：改為主色 */
        .accordion .accordion-button::after {
            filter: invert(72%) sepia(23%) saturate(532%) hue-rotate(339deg) brightness(96%) contrast(92%);
            /* 上面是把白 SVG 過濾成接近 #edb985 的顏色；你也可用自訂 SVG */
        }

    /* 內容區塊 */
    .accordion .accordion-body {
        background-color: var(--acc-bg);
        color: var(--acc-text);
        line-height: 1.75;
        padding: 1rem 1.25rem 1.25rem;
    }

        /* 內容中的次要文字/小字 */
        .accordion .accordion-body .text-muted,
        .accordion .accordion-body small,
        .accordion .accordion-body .note {
            color: var(--acc-muted) !important;
        }

        /* 區塊內連結顏色（避免白字看不出可點） */
        .accordion .accordion-body a {
            color: var(--acc-accent);
            text-decoration: none;
        }

            .accordion .accordion-body a:hover {
                text-decoration: underline;
            }

        /* 內容內的分隔線（若有） */
        .accordion .accordion-body hr {
            border-color: var(--acc-border);
            opacity: 1;
        }

    /* 表格放在 Accordion 內時的底色、邊線一致（沿用你原有表格主題） */
    .accordion .table-dark {
        --bs-table-bg: #0a2b33;
        --bs-table-color: #ffffff;
        --bs-table-border-color: #205261;
    }

        .accordion .table-dark thead {
            background-color: #0e3a45;
            color: #edb985;
        }

    .accordion .table-striped > tbody > tr:nth-of-type(odd) {
        --bs-table-accent-bg: #0c333c;
    }

    .accordion .table-hover > tbody > tr:hover {
        --bs-table-hover-bg: #134753;
        --bs-table-hover-color: #ffecb8;
    }

/* RWD：小螢幕時讓按鈕區塊更易讀 */
@media (max-width: 575.98px) {
    .accordion .accordion-button {
        padding: .875rem 1rem;
    }

    .accordion .accordion-body {
        padding: .875rem 1rem 1rem;
    }
}

/* =========================
   FAQ Accordion - Q / A 強調樣式
   ========================= */

/* 問題 Q */
.accordion .faq-q {
    position: relative;
    margin: 1.25rem 0 .5rem;
    padding-left: .75rem;
    font-weight: 600;
    color: #edb985; /* 主強調色 */
    letter-spacing: .02em;
}

    /* Q 左側細線（高級感） */
    .accordion .faq-q::before {
        content: "";
        position: absolute;
        left: 0;
        top: .2em;
        width: 3px;
        height: 1.1em;
        background-color: #edb985;
        border-radius: 2px;
    }

/* 回答 A */
.accordion .faq-a {
    margin: 0 0 1rem 0;
    padding-left: .75rem;
    color: #d6e2e7; /* 柔和白灰，避免刺眼 */
    line-height: 1.75;
}

    /* A 開頭的 A：稍微弱化，不搶戲 */
    .accordion .faq-a::first-letter {
        color: #ffecb8;
        font-weight: 600;
    }

/* Accordion 內段落的預設顏色（避免全白） */
.accordion .accordion-body p {
    color: #d6e2e7;
}

/* Accordion 內的強調文字 */
.accordion .accordion-body strong {
    color: #ffecb8;
    font-weight: 600;
}

/* 小螢幕閱讀優化 */
@media (max-width: 575.98px) {
    .accordion .faq-q {
        margin-top: 1rem;
    }
}