/* ══════════════════════════════════════════════════════════════
   WIA 共用樣式 — 全站 13 頁共用，改這一份全部生效
   抽離自各頁的 inline <style>，解決「新增頁面時漏帶樣式」的問題
   （2026-08-21 privacy/terms/tea 三頁即因漏帶 mobile-nav 而破版）

   ⚠️ 本檔位於 /css/，_headers 已設短期快取；若移到 /assets/ 會落入
      immutable 規則，改了不會生效（見 rule #1019）
   ══════════════════════════════════════════════════════════════ */

/* ── 手機版格線收合 ── */
/* 2026-08-18 補：雙欄格線在手機版未收合，文字被擠成 130px（一行 8 字）→ 全部收單欄、圖片置頂 */
@media(max-width:760px){
  div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;gap:26px !important;}
  div[style*="grid-template-columns:1fr 1fr"]>*{order:0 !important;}
  div[style*="grid-template-columns:1fr 1fr"]>img{order:-1 !important;}
}
@media(max-width:760px){
  div[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important;}
  div[style*="repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr) !important;}
  div[style*="grid-auto-rows:200px"]{grid-auto-rows:150px !important;}
}
@media(max-width:480px){
  div[style*="repeat(3,1fr)"]:not([style*="gap:14px"]){grid-template-columns:1fr !important;}
}

/* ── 手機版導覽列（收合成漢堡選單）── */
.top{position:relative;}
.nav-toggle{display:none;background:none;border:1px solid #DED8CE;color:#57504C;font-size:18px;line-height:1;cursor:pointer;margin-left:auto;padding:9px 13px;border-radius:2px;}
@media(max-width:760px){
  .nav-toggle{display:block;}
  nav{position:absolute;top:100%;left:0;right:0;background:#F0EEE9;border-bottom:1px solid #DED8CE;flex-direction:column;align-items:stretch;gap:0 !important;padding:6px 0 14px;display:none;box-shadow:0 12px 24px rgba(87,80,76,.08);}
  nav.open{display:flex;}
  nav a:not(.nav-cta){display:block !important;padding:15px 28px;border-bottom:1px solid #E7E1D7;font-size:15px;}
  nav .nav-cta{margin:14px 28px 0;text-align:center;padding:13px 0 !important;}
  .brand img,.logo img{height:70px !important;}
  .brand .logotype{display:inline !important;font-size:12px;}
  /* 按鈕對齊：等寬堆疊 */
  .cta{display:block !important;width:100%;max-width:290px;margin:0 auto 12px !important;padding-left:0 !important;padding-right:0 !important;text-align:center;letter-spacing:.25em;text-indent:.25em;}
  .hero .actions{display:block;}
}

/* ── 導覽列的三個動作項（放下／坐下／歇下）── */
nav a.act{display:flex;flex-direction:column;align-items:center;line-height:1.5;gap:1px;}
nav a.act .ns{font-size:10px;letter-spacing:.14em;color:var(--oak,#A98C6E);}
@media(max-width:760px){
  nav a.act{flex-direction:row;align-items:baseline;gap:12px;}
  nav a.act .ns{font-size:11.5px;}
}

/* ── 進場動畫保險絲 ──
   .rv 預設 opacity:0，若 IntersectionObserver 未觸發（舊瀏覽器、擴充功能
   干擾、前段 JS 出錯），內容會永久隱形。此處不做隱藏，交由各頁 JS 處理，
   保險絲統一放在 /js/wia-reveal.js。 */