/* === A11y: 只用鍵盤也能開語言下拉 === */
.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content {
  display: block;
  /* 支援鍵盤焦點展開 */
}

/* === A11y: 可見焦點（僅鍵盤導航會出現）=== */
a:focus-visible,
button:focus-visible,
[role="menuitem"]:focus-visible {
  outline: 3px solid #ffbf47;
  /* 高可見焦點框 */
  outline-offset: 2px;
  border-radius: 8px;
}

/* 圖像連結的聚焦框（避免貼太近） */
.links_img_r:focus-visible,
.links_img:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 6px;
}

/* 讓「按鈕內的連結」整塊可點且可聚焦清楚 */
button.commissioner_button a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/* === A11y: 視覺隱藏但讀屏可讀（預備用，不改外觀）=== */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* 可聚焦顯示版本（若日後放置 .skip-link 等） */
.visually-hidden-focusable:not(:focus):not(:active) {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* === A11y: 裝飾性時鐘不攔截滑鼠／焦點 === */
.clock-container[aria-hidden="true"] {
  pointer-events: none;
}

/* 動態時間文字可讀性（不改版面） */
#utctime-en,
#utctime-zh,
#utctime-ja {
  line-height: 1.6;
}

/* === 動效減量：遵從使用者「降低動態」偏好 === */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* === 高對比／強制色彩模式的可見邊界（不改你配色）=== */
@media (forced-colors: active) {

  a,
  button,
  [role="menuitem"] {
    outline: 2px solid ButtonText;
    outline-offset: 2px;
  }

  .dropdown-content {
    border: 1px solid CanvasText;
  }
}

/* （選配）跳至主要內容的樣式，若日後加入 .skip-link 元素即生效 */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
}

.skip-link:focus {
  left: 10px;
  top: 10px;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  z-index: 10000;
}