/*
 * 首頁桌機 banner 文字對齊（客戶回饋 4）
 *
 * 舊站是用 #home section:nth-child(odd/even) 決定文字靠左或靠右，也就是「DOM 位置決定」，
 * 後台的「靠左／置中／靠右」存了值卻沒人讀，按了沒反應。這裡改成由 .banner-align-* class 決定。
 *
 * 本檔在 legacy-layout 的 headExtra 載入，位置在 cssall.min.css 之後，
 * 因此同特異度時本檔勝出（選擇器刻意做到 #home section .html.banner-align-*＝121，
 * 才壓得過舊站的 #home section:nth-of-type(1) .html 這種帶 !important 的規則）。
 *
 * ⚠️ 數值不是憑感覺挑的，是在 1512 量出舊站實際生效的值後照抄：
 *    - 文字靠右：left:50%（right 被 over-constrained 忽略，故設 auto）
 *    - 文字靠左：right:45%（left 本來就是 auto）
 */

#home section .html.banner-align-right {
    left: 50% !important;
    right: auto !important;
}

#home section .html.banner-align-left {
    right: 45% !important;
    left: auto !important;
}

#home section .html.banner-align-center {
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/*
 * 例外一：.banner9（首頁「硬碟原廠保固認可」段）舊站本來就給它 width:80%!important 搭 left:10%，
 * 靠左時若讓 left:auto 生效，元素會被 right:45% 推到畫面外（實測 left 會變成 -378px）。
 * 這段的「靠左」＝維持舊站的 left:10%。
 */
#home section .banner9 .html.banner-align-left {
    left: 10% !important;
    right: auto !important;
}

/*
 * 例外二：窄螢幕（<html class="max-bg-size">，約 ≤1400px）舊站本來就「不做左右交替」，
 * 文字是 80% 寬、left:0/right:0。這個情境必須原樣保留，
 * 否則會在筆電寬度製造出原本不存在的左右交替。
 */
.max-bg-size #home section .html.banner-align-right,
.max-bg-size #home section .html.banner-align-left,
.max-bg-size #home section .banner9 .html.banner-align-left,
.max-bg-size #home section .html.banner-align-center {
    left: 0 !important;
    right: 0 !important;
}