

/* 下拉選單聚焦時的背景與字色 */
a:focus, a:focus-visible,
button:focus, button:focus-visible,
[tabindex]:focus, [tabindex]:focus-visible {
    background-color: #FFFDE7 !important; /* 淡黃色背景 */
    color: #1E293B !important;            /* 深色字 */
    outline: 2px solid #FFD600 !important;
    outline-offset: 2px !important;
    border-radius: 6px !important;
    z-index: 10 !important;
    /* position: static !important; */
}
.latest-news-link:focus, .latest-news-link:focus-visible {
    background-color: #FFFDE7 !important;
    color: #1E293B !important;
    outline: 2px solid #FFD600 !important;
    outline-offset: 2px !important;
    border-radius: 6px !important;
    z-index: 10;
    position: relative;
}
a:focus svg,
a:focus-visible svg,
.latest-news-link:focus svg,
.latest-news-link:focus-visible svg {
    /* 這裡用 fill 改 SVG 顏色，根據你的品牌色調整 */
    fill: #1E293B !important;   /* 例如亮黃色 */
    stroke: #1E293B !important; /* 如果 SVG 用 stroke 畫線也一起變 */
    transition: fill 0.2s, stroke 0.2s;
}

.accesskey-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .accesskey-link:focus {
    position: static;
    left: auto;
    width: auto;
    height: auto;
    background: #FFD600;
    color: #1E293B;
    outline: 2px solid #FFD600;
    z-index: 9999;
    padding: 4px 8px;
    border-radius: 6px;
  }

/* Google CSE 無障礙修正 - 針對具體選擇器 */
/* 針對人工檢查到的具體 Google CSE 樣式進行修正 */

/* 修正 form.gsc-search-box 的字體大小 */
form.gsc-search-box,
.gsc-search-box,
#___gcse_0 form.gsc-search-box,
#___gcse_0 .gsc-search-box,
[id*="gcse"] form.gsc-search-box,
[id*="gcse"] .gsc-search-box {
    font-size: 1em !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0.25em !important;
    margin-left: 0 !important;
    width: 100% !important;
}

/* 修正 .gsc-input 的字體大小 */
.gsc-input,
#___gcse_0 .gsc-input,
[id*="gcse"] .gsc-input,
.gsc-input-box,
#___gcse_0 .gsc-input-box,
[id*="gcse"] .gsc-input-box {
    font-size: 1em !important;
}

/* 修正搜尋輸入框的字體大小 */
.gsc-input input,
#___gcse_0 .gsc-input input,
[id*="gcse"] .gsc-input input,
.gsc-input-box input,
#___gcse_0 .gsc-input-box input,
[id*="gcse"] .gsc-input-box input {
    font-size: 1.2em !important;
    padding: 0.5em !important;
}

/* 修正搜尋按鈕的字體大小 */
.gsc-search-button,
#___gcse_0 .gsc-search-button,
[id*="gcse"] .gsc-search-button,
.gsc-search-button button,
#___gcse_0 .gsc-search-button button,
[id*="gcse"] .gsc-search-button button {
    font-size: 1em !important;
    padding: 0.5em 1em !important;
}

/* 修正搜尋結果的字體大小 */
.gsc-result,
#___gcse_0 .gsc-result,
[id*="gcse"] .gsc-result,
.gsc-result *,
#___gcse_0 .gsc-result *,
[id*="gcse"] .gsc-result * {
    font-size: 1em !important;
    line-height: 1.5 !important;
}

/* 修正搜尋結果標題的字體大小 */
.gsc-result .gs-title,
#___gcse_0 .gsc-result .gs-title,
[id*="gcse"] .gsc-result .gs-title {
    font-size: 1.1em !important;
    font-weight: 600 !important;
}

/* 修正搜尋結果摘要的字體大小 */
.gsc-result .gs-snippet,
#___gcse_0 .gsc-result .gs-snippet,
[id*="gcse"] .gsc-result .gs-snippet {
    font-size: 1em !important;
}

/* 修正搜尋結果 URL 的字體大小 */
.gsc-result .gs-url,
#___gcse_0 .gsc-result .gs-url,
[id*="gcse"] .gsc-result .gs-url {
    font-size: 0.9em !important;
}

/* 修正所有 Google CSE 相關元素的字體大小 */
.gsc-control-cse,
#___gcse_0 .gsc-control-cse,
[id*="gcse"] .gsc-control-cse,
.gsc-control-cse *,
#___gcse_0 .gsc-control-cse *,
[id*="gcse"] .gsc-control-cse * {
    font-size: 1em !important;
    line-height: 1.4 !important;
}

/* 修正 Google CSE 表格相關元素的字體大小 */
.gsc-control-cse table,
.gsc-control-cse table td,
.gsc-control-cse table tr,
.gsc-control-cse table th,
.gsc-control-cse table caption,
.gsc-control-cse table tbody,
.gsc-control-cse table thead,
.gsc-control-cse table tfoot,
#___gcse_0 .gsc-control-cse table,
#___gcse_0 .gsc-control-cse table td,
#___gcse_0 .gsc-control-cse table tr,
#___gcse_0 .gsc-control-cse table th,
#___gcse_0 .gsc-control-cse table caption,
#___gcse_0 .gsc-control-cse table tbody,
#___gcse_0 .gsc-control-cse table thead,
#___gcse_0 .gsc-control-cse table tfoot,
[id*="gcse"] .gsc-control-cse table,
[id*="gcse"] .gsc-control-cse table td,
[id*="gcse"] .gsc-control-cse table tr,
[id*="gcse"] .gsc-control-cse table th,
[id*="gcse"] .gsc-control-cse table caption,
[id*="gcse"] .gsc-control-cse table tbody,
[id*="gcse"] .gsc-control-cse table thead,
[id*="gcse"] .gsc-control-cse table tfoot {
    font-size: 1em !important;
    line-height: 1.4 !important;
}

/* 修正 Google CSE 其他相關元素的字體大小 */
.gsc-tabHeader,
.gsc-orderby-label,
.gsc-selected-option,
.gsc-option,
#___gcse_0 .gsc-tabHeader,
#___gcse_0 .gsc-orderby-label,
#___gcse_0 .gsc-selected-option,
#___gcse_0 .gsc-option,
[id*="gcse"] .gsc-tabHeader,
[id*="gcse"] .gsc-orderby-label,
[id*="gcse"] .gsc-selected-option,
[id*="gcse"] .gsc-option {
    font-size: 1em !important;
    line-height: 1.4 !important;
}

/* 備用：使用通配符選擇器覆蓋所有可能的 Google CSE 元素 */
[id*="gcse"] *,
[id*="gsc"] *,
.gsc-* *,
.gsc-control-cse *,
.gsc-input *,
.gsc-search-button *,
.gsc-result * {
    font-size: 1em !important;
    line-height: 1.4 !important;
}

/* 強制 Google CSE 及全站搜尋相關字體大小為相對單位，通過AA無障礙檢測 */
.gsc-control-cse,
.gsc-control-cse *,
.gsc-input,
.gsc-input *,
.gsc-search-button,
.gsc-search-button *,
.gsc-result,
.gsc-result *,
.gscb_a,
.gsst_b,
.gsst_a,
.gsst_e,
.gsst_f,
.gsst_g,
.gsst_h,
.gsib_a,
.gsib_b,
.gssb_c,
.gssb_e,
.gssb_f,
.gssb_k,
.gsq_a,
.gssb_a,
.gssb_g,
.gssb_h,
.gssb_i,
.gssb_j,
.gssb_l,
.gssb_m,
.gss_ifl,
.gsc-input input,
.gsc-input-box input,
.gsc-search-button button,
.gsc-result .gs-title,
.gsc-result .gs-snippet,
.gsc-result .gs-url,
.gsc-tabHeader,
.gsc-orderby-label,
.gsc-selected-option,
.gsc-option {
    font-size: 1em !important;
}

/* 背景色改為深橘褐，提升對比 */
.bg-porsche-500,
.bg-\[\#e6b859\] {
  background-color: #a4650a !important;
}

/* 文字色若曾使用這種寫法也需修正 */
.text-porsche-500,
.text-\[\#e6b859\] {
  color: #a4650a !important;
}

/* 如果有 hover 狀態也一起處理 */
.hover\:bg-porsche-500:hover {
  background-color: #a4650a !important;
}

.hover\:text-porsche-500:hover {
  color: #a4650a !important;
}

/* Active 狀態 */
.active\:bg-porsche-500:active {
  background-color: #a4650a !important;
}

.active\:text-porsche-500:active {
  color: #a4650a !important;
}

/* Focus 狀態 */
.focus\:bg-porsche-500:focus {
  background-color: #a4650a !important;
}

.focus\:text-porsche-500:focus {
  color: #a4650a !important;
}

/* 如果有 border-porsche-500 的邊框 */
.border-porsche-500 {
  border-color: #a4650a !important;
}

.owl-cases-carousel .owl-prev {
    background-image: url("/images/left-arrow-new.png") !important;
    /*background-image: url("/images/left-arrow.png") !important;*/
}
.owl-cases-carousel .owl-next {
    background-image: url("/images/right-arrow-new.png") !important;
    /*background-image: url("/images/right-arrow.png") !important;*/
}