/*
 * SmartTourismInfo 全站覆寫 ch.css（MasterPage 於 ch.css 後載入）
 * Parking / Traffic / TaiwanTrip 等共用，勿在各 .aspx 重複 <link>
 */

/* 尚餘格數門檻說明：僅燈號有色，文字與 >/< 數值維持黑字 */
.status-list .status span.parking-legend-threshold,
.status-list .status span.parking-legend-threshold {
    color: #313131 !important;
}

.status-list .status.maintain span.parking-legend-label {
    color: #313131;
}

.parking-item .parking-name,
.parking-item .parking-count,
.parking-item .parking-charge {
    color: #313131;
}

/* ch.css：a:focus { color:#fff; box-shadow: inset … #ffa488 } → 站牌／頁籤出現橘色方框 */
#content a:focus,
#content a:focus-visible {
    outline: none;
    box-shadow: none;
}

#content a.busRoute:focus,
#content a.busRoute:focus-visible {
    color: #313131;
}

#content .flex-nav-item:focus,
#content .flex-nav-item:focus-visible {
    color: #007cb5;
}

#content .flex-nav-item.current:focus,
#content .flex-nav-item.current:focus-visible,
#content .flex-nav-item:hover:focus,
#content .flex-nav-item:hover:focus-visible {
    color: #fff;
}

/* 側欄點選／hover：維持白底，不套用 ch.css 的 #f1faff */
.mapSideBar .parking-item:hover,
.mapSideBar .parking-item.current,
.mapSideBar .parking-item:focus,
.mapSideBar .parking-item:focus-visible,
.mapSideBar .carFlow-item:hover,
.mapSideBar .carFlow-item.current,
.mapSideBar .carFlow-item:focus,
.mapSideBar .carFlow-item:focus-visible {
    background-color: #fff;
    outline: none;
    box-shadow: none;
}

/* 地圖 InfoWindow／頁尾外部連結：hover／focus 維持藍底，不用 #fa625c */
#content .external-btn:hover,
#content .external-btn:focus,
#content .external-btn:focus-visible,
.parkingInfo-wrap .external-btn:hover,
.parkingInfo-wrap .external-btn:focus,
.parkingInfo-wrap .external-btn:focus-visible,
.carFlowInfo-wrap .external-btn:hover,
.carFlowInfo-wrap .external-btn:focus,
.carFlowInfo-wrap .external-btn:focus-visible {
    background-color: #007cb5;
    outline: none;
    box-shadow: none;
}

/* 台灣好行：目前站橘色光暈置中（ch.css ::after 未定位） */
.busRoute.current .busRoute-stopNum::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*
 * Google Maps 控制項：ch.css 全站 img { max-width:100% } 會壓壞 sprite；勿改 position（會偏右）。
 */
#map .gm-style img {
    max-width: none !important;
    max-height: none !important;
}

#map button.gm-svpc,
#map .gm-bundled-control .gm-svpc {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

#map .gm-svpc > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
}

#map .gm-svpc > div > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
}

#map .gm-svpc div img {
    max-width: none !important;
    max-height: none !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
}
