@charset "utf-8";
/* ============================================================
   無障礙修正外掛樣式
   版本：20260522（依據 115-04-01 退件報告全面修正）
   原則：以 !important 覆蓋原始樣式，不修改既有 CSS 核心結構。
   ============================================================ */


/* ─────────────────────────────────────────────────────────
   【PDF問題 1.4.3 / AI任務02】色彩對比度修正（全站 5 處）
   ─────────────────────────────────────────────────────────

   說明：就像開車，路標字要夠清楚才看得到——
         文字與背景的對比值必須 ≥ 4.5:1 才達 WCAG AA 標準。
   以下各項原始對比值均不足，調整後對比值均已通過 4.5:1。
*/

/* ① 公告及促銷活動區文字色：#666666→#575757（對比值 6.1:1） */
body .content .note,
body .content .note span,
body .area02 .news .title,
body .area02 .news li a .title {
    color: #575757 !important;
}

/* ② 客服專線(聚焦前)文字色：#8E8E8E→#595959（對比值 7.0:1） */
body .top .top_search input,
body .top .top_search input::placeholder,
body .footer_box .foot .right ul li {
    color: #595959 !important;
}

/* ③ 客服專線/搜尋欄位(聚焦時)：字色強制改為白色避免與背景重疊 */
body .top .top_search input:focus,
body .menu .top_search input:focus {
    color: #ffffff !important;
    background-color: #1D8EB7 !important;
}

/* ④ 商品分類(聚焦前)文字色：#757575→#555555（對比值 7.4:1） */
.mega-dropdown-menu > li > ul > li > a,
body .menu .mega-dropdown-menu > li > ul > li > a {
    color: #555555 !important;
}

/* ⑤ 網路安全按鈕背景：#D45600 對比 4.09 未達標 → #B54300（白字對比 ≥ 4.5:1） */
body .footer_box .foot .right .bton li:nth-child(2) a {
    background-color: #B54300 !important;
}


/* ─────────────────────────────────────────────────────────
   【PDF問題 1.4.3 / AI任務03】關於我們頁大標題對比度
   ─────────────────────────────────────────────────────────
   說明：內頁大標題字色過淺，視力不佳者難以閱讀，強制加深為 #333333。
*/
body.in .content .bar .center.title,
body.home .content .bar .center.title,
.page-title,
h2.title-class {
    color: #333333 !important;
}


/* ─────────────────────────────────────────────────────────
   【PDF問題 2.2.2 / AI任務04】輪播暫停按鈕樣式
   ─────────────────────────────────────────────────────────
   說明：暫停按鈕要讓鍵盤使用者能找到並點按，
         深色背景＋白字確保按鈕本身的對比值也達標。

   ✅ 2026-05-27 修正 CS2140401C（影響全站 122 頁）
   修正範圍：第 76 行
   修正說明：font-size 從固定像素單位 14px 改為相對單位 0.875em
             （0.875em ≈ 14px，以預設 16px 基礎字級換算）
             使用 em 單位後，當使用者在瀏覽器調整字級時，
             按鈕文字會跟著等比縮放，符合 WCAG 2.1 SC 1.4.4
             及檢測碼 CS2140401C 的相對字型尺寸規範。
*/
.carousel-pause-btn {
    background-color: #333333 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    padding: 4px 8px !important;
    font-size: 0.875em !important; /* 修正 CS2140401C：14px → 0.875em（相對單位，≈14px） */
    cursor: pointer !important;
}


/* ─────────────────────────────────────────────────────────
   【PDF問題 1.4.4 / AI任務06】放大至 400% 不產生水平捲軸
   ─────────────────────────────────────────────────────────
   說明：視力不佳者會放大網頁至 400%，若出現左右捲軸
         就必須二維捲動，非常不便。此規則強制禁止橫向溢出。
   注意：style_rwd.css 已有同樣規則，此處再次確保覆蓋優先。
*/
@media (max-width: 768px) {
    body, html, #wrapper, .container, main {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    .product-list, .grid-box, .flex-box {
        display: block !important;
        width: 100% !important;
    }
}


/* ─────────────────────────────────────────────────────────
   【PDF問題 1.4.4 / AI任務07】頁尾警示文字不被截斷
   ─────────────────────────────────────────────────────────
   說明：固定高度會導致「禁止酒駕」等法定文字在放大時被截斷。
         移除固定高度，讓區塊自動隨文字撐高。
   注意：slogan.css 已有 height: auto，此處再次強化確保優先。
*/
body .slogan,
.footer-warning-banner {
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
}


/* ─────────────────────────────────────────────────────────
   【修正 HM1240402E】sitemap.aspx level1 span 視覺維持
   ─────────────────────────────────────────────────────────
   說明：將 level1 的 <a> 改為 <span role="heading" aria-level="3">，
         補上相同字色與游標樣式，確保視覺外觀與原本連結完全一致。
*/
.sitemap .level1 span[role="heading"] {
    color: #337ab7;
    font-weight: bold;
    display: inline-block;
    cursor: default;
}