/* 正式版（2026-10-01）在審閱版樣式之上的少量補充。只放審閱版沒有的元件，不改既有版型。 */

/* 語言切換（審閱版沒有；舊深色版樣式在淺底上變成藍底藍字、手機變一大塊 → 這裡完整覆寫） */
.site-nav .lang-switch { display: inline-flex; align-items: center; gap: 4px; margin-left: 14px; }
.site-nav .lang-switch a {
  display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px;
  padding: 4px 8px; border: 1px solid transparent; border-radius: 4px; background: transparent;
  color: var(--steel-500); font-size: 13px; font-weight: 700; letter-spacing: .08em;
}
.site-nav .lang-switch a::after { display: none; }
.site-nav .lang-switch a:hover { color: var(--accent); background: transparent; }
.site-nav .lang-switch a[aria-current="true"] { color: var(--accent-text, #123b6d); border-color: var(--line-strong); background: #fff; }
@media (max-width: 960px) {
  .site-nav .lang-switch { margin: 16px 0 4px; }
  .site-nav .lang-switch a { min-width: 56px; min-height: 44px; padding: 8px 12px; border-bottom: 1px solid var(--line); font-size: 15px; }
  .site-nav .lang-switch a[aria-current="true"] { border: 1px solid var(--line-strong); }
}

/* 地址後面的說明（母公司名）與地址之間留一點距離；英文才不會黏字 */
.launch-footer .footer-address .address-note,
.owner-contact .contact-address span { margin-left: .3em; }

/* 後台換上的照片：框的比例沿用原本那張圖（render.mjs 寫入 --cms-ar），不同比例的照片以 cover 裁切。
   用 :where() 讓優先順序最低——版型自己有指定比例或裁切方式的位置（例如 4:3 媒體框、雜誌封面）照版型的 */
:where(img[data-cms-media]) { aspect-ratio: var(--cms-ar, auto); object-fit: cover; }
/* 首頁大圖的版型寫了 aspect-ratio: auto（跟著照片比例走）→ 後台換圖時改成固定原本的比例，首屏高度不跳 */
.hero .hero-photo img[data-cms-media] { aspect-ratio: var(--cms-ar, auto); object-fit: cover; }

/* 加工能力頁：S205A 那張同仁制服上有金享 LOGO（老闆 10/01）→ 裁切往下，頭與 LOGO 都看得到 */
.ui-media > img.ui-focus-logo { object-position: 50% 42%; }

/* 加工能力頁：第二排現場照片（老闆 10/01「照片可以再多放幾張」）；平板維持三欄，不留單張孤兒 */
@media (min-width: 768px) and (max-width: 960px) {
  .ui-media-grid--floor { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* 關於金享：第 4 項「可追溯性文件」（原「持續改善方向／規劃中」小框，老闆 10/01 改為第 4 項）→ 四項並列 */
#work-focus .oc-work-list { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 32px; }
@media (max-width: 1180px) { #work-focus .oc-work-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 960px) { #work-focus .oc-work-list { grid-template-columns: 1fr; } }

/* 聯絡頁：詢價資料如何處理 */
.rfq-privacy-list { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--line); }
.rfq-privacy-list > div { display: grid; grid-template-columns: minmax(120px, 200px) minmax(0, 1fr); gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.rfq-privacy-list dt { margin: 0; color: var(--steel-100); font-weight: 800; }
.rfq-privacy-list dd { margin: 0; color: var(--steel-300); line-height: 1.75; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .rfq-privacy-list > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}