/* =====================================================================
 * footer-benq.css — BenQ 式前台 footer（base2.html 專用）
 * ---------------------------------------------------------------------
 * 對齊 benq.com（2026-07 實測）：淺灰 #F2F2F2 底、多欄連結群
 * （灰色欄標 + 黑字連結）、細分隔線 + 版權列、社群 icon。
 * 取代原 bg-dark + inline <style> footer 覆寫段。
 * ===================================================================== */

.benq-footer {
    background: var(--benq-surface-gray);
    border-top: 1px solid var(--benq-border);
    padding: clamp(2.5rem, 5vw, 4rem) 0 1.5rem;
    text-align: left;
}

/* 欄標題：小號灰字（benq.com 欄標為黑粗體，這裡取灰階層次） */
.benq-footer__heading {
    color: var(--benq-text);
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 0.9rem;
}
.benq-footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.benq-footer__list li {
    margin-bottom: 0.55rem;
}
/* 加 body.benq-flat 前綴壓過全域 body.benq-flat a 的紫色連結規則 */
body.benq-flat .benq-footer__list a,
.benq-footer__list a {
    color: var(--benq-text-soft);
    font-size: 0.875rem;
    text-decoration: none;
}
body.benq-flat .benq-footer__list a:hover,
.benq-footer__list a:hover {
    color: var(--benq-black);
}
.benq-footer__list .benq-footer__text {
    color: var(--benq-text-soft);
    font-size: 0.875rem;
    margin: 0;
}

/* 社群 icon 列 */
.benq-footer__social {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.25rem;
}
body.benq-flat .benq-footer__social a,
.benq-footer__social a {
    color: var(--benq-text);
    font-size: 1.35rem;
    line-height: 1;
}
body.benq-flat .benq-footer__social a:hover,
.benq-footer__social a:hover {
    color: var(--benq-pri);
}

/* 分隔線 + 版權列 */
.benq-footer__divider {
    border: 0;
    border-top: 1px solid var(--benq-border);
    margin: 2rem 0 1rem;
}
.benq-footer__bottom {
    color: var(--benq-text-soft);
    font-size: 0.8rem;
}

@media (max-width: 767.98px) {
    .benq-footer {
        text-align: left;
    }
    .benq-footer__heading {
        margin-top: 0.5rem;
    }
}