/* ============================================================
 * 無障礙 AA 共用樣式 (a11y.css)
 * 給 ::: 定位連結、跳過導覽、鍵盤焦點框、桌面選單鍵盤展開用
 * ============================================================ */

/* ::: 定位連結 + 跳過導覽連結：平時藏起來，鍵盤 Tab 到才會出現 */
.a11y-links {
  position: relative;
}
.a11y-links a.a11y-skip {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}
.a11y-links a.a11y-skip:focus {
  position: fixed !important;
  left: 16px !important;
  top: 16px !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  z-index: 99999 !important;
  padding: 10px 18px !important;
  background: #fbbf24 !important;
  color: #000 !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  outline: 3px solid #000 !important;
  outline-offset: 2px !important;
  white-space: normal !important;
}

/* 表單欄位用的視覺隱藏 label（螢幕閱讀器讀得到，畫面看不到） */
.a11y-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 所有互動元素的鍵盤焦點指示器（滑鼠點擊不出現，只有鍵盤 Tab 才出現） */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #fbbf24 !important;
  outline-offset: 2px !important;
}

/* 不支援 :focus-visible 的舊瀏覽器 fallback */
a:focus,
button:focus {
  outline: 3px solid #fbbf24;
  outline-offset: 2px;
}

/* landmark（header/nav/main/footer）用 tabindex="-1" 接 accesskey 跳轉，
   平常不進 Tab 順序，但被跳轉聚焦時要看得到框 */
/*[tabindex="-1"]:focus {
  outline: 3px solid #fbbf24 !important;
  outline-offset: 4px !important;
}*/

/* 桌面選單：鍵盤 focus 進入子項目時，子選單要跟滑鼠 hover 一樣展開。
   這是 CSS 保險（JS 沒載入成功時仍可用），JS 也會做同樣的事以確保動畫一致。 */
.menu-bt li:focus-within > ul {
  display: block !important;
}

/* 首頁輪播暫停/繼續按鈕（WCAG 2.2.2：會自動播放的內容要能被使用者暫停） */
.ibanner {
  position: relative;
}
.ibanner-pause-toggle {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 1.2;
  cursor: pointer;
}
.ibanner-pause-toggle:hover {
  background: rgba(0, 0, 0, 0.8);
}
.ibanner-pause-icon {
  font-size: 0.875rem;
}
.ibanner-pause-text{
	display: none;
}

/* 輪播下方的圓點指示器：本身跟外層 .indicators-line 都是 overflow:hidden，
   外擴的 outline 框會被裁掉看不到，改用「變色＋放大」當作鍵盤焦點指示 */
.indicators-line > .carousel-indicators li:focus-visible,
.indicators-line > .carousel-indicators li:focus {
  outline: none;
  border-color: #fbbf24 !important;
  background-color: #fbbf24 !important;
  transform: scale(1.4);
}