/* ============================================================
   accessibility-fixes.css
   2025 iWIN 兒少網安年會無障礙修正
   對應：
   - WCAG 2.4.1 Bypass Blocks
   - WCAG 2.4.7 Focus Visible
   - CS2240700E 使用者介面取得焦點時，使其鍵盤焦點指示具高可見度
============================================================ */
/* 螢幕閱讀器專用文字 */
.sr-only, .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;
}
/* 跳到主要內容快速連結 */
.skip-to-main {
		position: absolute;
		top: 0.5rem;
		left: 0.5rem;
		z-index: 10000;
		display: inline-block;
		padding: 0.75rem 1rem;
		color: #000000;
		background-color: #ffffff;
		border: 1px dotted #005fcc;
		border-radius: 0.25rem;
		font-weight: 700;
		text-decoration: none;
		transform: translateY(-150%);
		transition: transform 0.2s ease;
}
.skip-to-main:focus, .skip-to-main:focus-visible {
		transform: translateY(5rem);
		outline: 2px dotted #ffbf47;
		outline-offset: 2px;
		color: #000000;
		background-color: #ffffff;
		text-decoration: underline;
}
/* main 被快速連結移入焦點時 */
#main-content:focus {
		outline: 2px dotted #005fcc;
		outline-offset: 4px;
}
/* 全站互動元件焦點樣式 */
a:focus, a:focus-visible, button:focus, button:focus-visible, .btn:focus, .btn:focus-visible, .nav-link:focus, .nav-link:focus-visible, .navbar-toggler:focus, .navbar-toggler:focus-visible, [data-fancybox]:focus, [data-fancybox]:focus-visible, .owl-prev:focus, .owl-prev:focus-visible, .owl-next:focus, .owl-next:focus-visible, .owl-dot:focus, .owl-dot:focus-visible, .slick-arrow:focus, .slick-arrow:focus-visible {
		outline: 2px dotted #005fcc !important;
		outline-offset: 4px !important;
}
/* 影片按鈕 focus 加強，處理檢測指出「開啟影片」焦點不明顯 */
a.btn:focus, a.btn:focus-visible, button.btn:focus, button.btn:focus-visible, .share-card a.btn:focus, .share-card a.btn:focus-visible, [data-fancybox].btn:focus, [data-fancybox].btn:focus-visible {
		outline: 2px dotted #005fcc !important;
		outline-offset: 5px !important;
}
/* 深色或圖片背景區域中，影片按鈕 focus 仍需清楚 */
.has_bg a.btn:focus, .has_bg a.btn:focus-visible {
		outline-color: #ffbf47 !important;
}
/* 漢堡選單 focus */
.navbar-toggler:focus, .navbar-toggler:focus-visible {
		outline: 2px dotted #005fcc !important;
		outline-offset: 4px !important;
}
/* 減少動態效果 */
@media (prefers-reduced-motion: reduce) {
		.skip-to-main {
				transition: none;
		}
		*, *::before, *::after {
				scroll-behavior: auto !important;
		}
}
.accessible-figure {
		margin: 1.5rem 0;
}
.accessible-figure .figure-desc, .figure-desc {
		padding: 1rem;
		color: #212529;
		background-color: #f8f9fa;
		border-left: 5px solid #005fcc;
		border-radius: 0.25rem;
		line-height: 1.8;
}
.figure-desc ul {
		margin-top: 0.5rem;
		margin-bottom: 0;
		padding-left: 1.5rem;
}