/**
 * GC_minos: 2025-10-03
 * 此 CSS存在的最主要目的是為了解決無障礙的問題
 */
/* 讓任何一層 li 只要有鍵盤焦點在其子孫，就「維持展開」對應的下層選單 */
.header-nav li.menu-item-has-children:focus-within > .nav-dropdown,
.header-nav li.menu-item-has-children:focus-within > .sub-menu,
.header-nav .nav-dropdown li.menu-item-has-children:focus-within > .nav-dropdown,
.header-nav .nav-dropdown li.menu-item-has-children:focus-within > .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 焦點清楚可見（跟你前一題一致的規格） */
.header-nav a:focus,
.header-nav a:focus-visible {
  outline: 2px dashed #000 !important;
  outline-offset: 3px;
  text-decoration: underline;
}

/* 防止焦點框被裁切 */
.header-nav, .header-nav .nav-dropdown, .header, .ux-menu {
  overflow: visible !important;
}

/* 面板被 hidden 時保證真的不顯示（配合你現有的 .d-none） */
.home-rates-tabs .table-box[hidden] { display: none !important; }

/* 焦點樣式（和你前面規則一致即可） */
.home-rates-tabs [role="tab"]:focus,
.home-rates-tabs [role="tab"]:focus-visible {
  outline: 2px dashed #000; outline-offset: 3px; text-decoration: underline;
}

/* 選中 tab 的視覺（依你的設計調整） */
.home-rates-tabs [role="tab"][aria-selected="true"] { font-weight: 700; border-bottom: 2px solid #c00; }