/*
   🛠️ 無障礙修正樣式表（en_dutyfree 英文版免稅商店）
   建立日期：2026-10-06
   用途：收納數發部無障礙檢測（2026 年報告）要求的修正，不動原有 style.css。
   本檔目前只處理一項：
     HM1130104E（1.3.1 標題層級順序）
   對照檔案：ttldutyfree/ap_dutyfree/css/accessibility-fix.css
*/

/* ============================================================
   修復項：HM1130104E（標題層級順序）
   ============================================================ */

/* 🛠️ 無障礙修正：HM1130104E（1.3.1 適當使用巢狀標頭呈現文件結構）（2026）
   問題：WOW.js 進場動畫在頁面載入時把帶 .wow 的標題設為 visibility:hidden（要捲動到該區塊才顯示），
        螢幕閱讀器與無障礙檢測工具在載入當下看不到 h2，於是 h1 之後直接讀到 h3 -> 判定「標題跳階」。
   修正：強制所有標題一律可見，並停用標題的進場動畫（依 2026 檢測修正會議裁示同意取消標題淡入動畫）。
   影響：標題的淡入上滑動畫取消、改為直接顯示；字體、顏色、版面、文字內容完全不變。 */
h1.wow, h2.wow, h3.wow, h4.wow, h5.wow, h6.wow,
h1.animated, h2.animated, h3.animated, h4.animated, h5.animated, h6.animated {
    visibility: visible !important;
    animation-name: none !important;
}

/* 🛠️ 無障礙修正：HM1130104E（2026）
   使用者開啟【減少動畫】時，WOW.js 仍會用 inline visibility:hidden 藏住標題，造成標題跳階，
   這裡補上 visibility 讓標題一律可見。 */
@media (prefers-reduced-motion: reduce) {
    .wow,
    .wow.animated {
        animation: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}