/* =======================================================================
 * 原站行內 style="..." 抽出來的等效 class（CSP 前置重構：style-src 'self'
 * 不允許行內樣式）。7 種行內樣式值由 _mirror/inline-style-scan.js 掃出，
 * 逐一對照如下；轉換後一律用 getComputedStyle() 核對計算值與原站一致。
 *
 * 這個檔案在 base.njk 裡是最後載入的一份 CSS——行內樣式在原站擁有最高優先權，
 * 排最後最接近原本的行為。個別還是會被既有規則蓋過的情況另外提高選擇器精確度
 * （見下方 .u-flag24 與 .scroller-item）。
 * ======================================================================= */

/* style="text-decoration: underline;"  156 處 / 78 頁（各品牌頁的小標題 <span>） */
.u-underline {
	text-decoration: underline;
}

/* style="color: black; font-family: roboto; font-size: 14px; padding: 2px 0 0;"
   130 頁（頁首右上「Language」標籤的 <p>）。
   font-family 逐字照抄原站的小寫 `roboto`（CSS 字型名稱不分大小寫，
   保持一致讓 getComputedStyle 的結果跟正式站完全相同）。 */
.lang-label {
	color: black;
	font-family: roboto;
	font-size: 14px;
	padding: 2px 0 0;
}

/* style="margin-right:30px"  66 處 / 3 個首頁（品牌跑馬燈的 22 張 logo）
   ⚠️ 必須用 ID 選擇器開頭：scroller.styles.css 有 `#mod_as_scroller img { margin: 0px; }`
      （specificity 1,0,1），單純的 class 規則（0,1,0）會被整條蓋掉、跑馬燈的
      logo 會全部黏在一起（lipers 專案實際踩過這個坑）。 */
#mod_as_scroller .scroller-item {
	margin-right: 30px;
}

/* style="padding-top: 10px;"  43 頁（英文版頁首 logo 圖，只有英文版有） */
.logo-img-pt10 {
	padding-top: 10px;
}

/* style="vertical-align: middle; float: right; border: 0; width: 24px; height: 24px;"
   18 處 / 3 頁（營運據點頁的國旗小圖）
   ⚠️ 必須寫成 `.item_fulltext img.u-flag24`：style.default.css 有
      `.item_fulltext img { border: 1px solid #d4d4d4; padding: 5px; ... }`
      （0,1,1），原站是靠行內 `border: 0` 蓋掉它。抽成單純 class（0,1,0）會反過來
      被那條規則蓋回去，國旗小圖會多出 1px 灰邊、5px 內距與背景圖
      （tonsam／shihno 都踩過同一個坑）。 */
.item_fulltext img.u-flag24 {
	vertical-align: middle;
	float: right;
	border: 0;
	width: 24px;
	height: 24px;
}

/* style="color: red; font-weight: bold; font-size: 18px;"  3 處 / 3 頁（招募菁英頁的提示段落） */
.u-note-red {
	color: red;
	font-weight: bold;
	font-size: 18px;
}

/* style="width: 210px;"  2 處 / 1 頁（英文版營運據點頁的欄位 <div>） */
.u-w210 {
	width: 210px;
}

/* =======================================================================
 * 第三方套件在 CSP 下會被擋掉的行內樣式 —— 等效外部規則
 *
 * 由 csp-vendor-scan 掃 public/assets/js 找出來的：這些套件用
 * `.append('<div style="…">')` 這種「HTML 字串字面量」動態插入元素，
 * 字串裡的 style 屬性會被 style-src 'self'（無 unsafe-inline）擋掉。
 * 套件本身不會報錯，只會少了那些樣式、版面悄悄跑掉
 * （aesc 專案就是這樣出現「輪播分頁圓點點不到」「切換變成馬賽克」）。
 *
 * 注意：套件後續用 jQuery .css()／element.style.x= 動態改的尺寸不受 CSP 限制，
 * 那些會正常蓋過下面這幾條，所以動畫仍然正常。
 * ======================================================================= */

/* camera.min.js：轉場時暫時插入的遮罩層 */
.cameraappended {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 1000;
}

/* camera.min.js：進度條（本站 playPause/bar 都關閉，插入後即隱藏） */
.camera_bar {
	display: none;
}

/* camera.min.js：分頁圓點（pagination: 1，本站有開，這條一定會被用到）。
   沒有 position/z-index 的話圓點會被上層元素蓋住而點不到。 */
.camera_wrap .camera_pag .camera_pag_ul li[class^="pag_nav_"] {
	position: relative;
	z-index: 1002;
}

/* chosen.jquery.min.js：搜尋框 input 的 width:25px。
   本站語言選單只有 3 個選項、disable_search_threshold: 10，Chosen 會加上
   chzn-container-single-nosearch 而不顯示搜尋框；實測正式站的這個 input
   也沒有帶行內 style（computed width 87px，來自 chosen.css）。
   仍保留這條當保險，值與套件字面量一致。 */
.chzn-container .chzn-search input[readonly] {
	width: 25px;
}