/* SetupHK 頁尾 v3（2026-10-18；標記由 inc/footer.php [setuphk_footer] 輸出；方案 docs/footer/footer-v3-proposal-2026-10-18.md）
   .shf--dark＝深藍底（方案 A）、.shf--light＝淺灰底（方案 B），版面相同，只換色票。
   2026-10-18 使用者：「單一 logo 高高起，其他位都很空洞」→ impeccable layout 重排：
   桌機（使用者 2026-10-18 定）：四個 1/4——①logo＋社群、介紹 ②聯絡清單（牌照、電話、WhatsApp、電郵、地址、時間）③④四組連結排兩欄兩層 → 版權。
   手機：logo＋社群同列 → 介紹、聯絡清單（第一行牌照） → 四組連結「＋」摺疊（nav.js）→ 版權。 */
.shf{--f-bg:var(--sh-navy-deep,#0C1B3D);--f-head:#fff;--f-link:rgba(255,255,255,.72);--f-dim:rgba(255,255,255,.56);--f-line:rgba(255,255,255,.12);--f-hover:var(--sh-yellow,#E8B931);--f-card:rgba(255,255,255,.05);--f-card-line:rgba(232,185,49,.45);--f-tel-fg:#fff;--f-tel-line:rgba(255,255,255,.4);--f-soc:rgba(255,255,255,.08);--f-panel:rgba(255,255,255,.04);--f-ci:rgba(255,255,255,.08);--f-ci-fg:var(--sh-yellow,#E8B931);
  background:var(--f-bg);color:var(--f-link);font-family:var(--sh-font,'Poppins','NotoSansTC','PingFangHK',sans-serif);font-size:var(--sh-fs-small,.875rem);line-height:var(--sh-lh-small,1.6)}
.shf--light{--f-bg:var(--sh-surface,#F3F5F9);--f-head:var(--sh-text,#111A2C);--f-link:var(--sh-muted,#4E596D);--f-dim:var(--sh-subtle,#5A6478);--f-line:var(--sh-border,#DDE2EB);--f-hover:var(--sh-navy,#163375);--f-card:#fff;--f-card-line:rgba(232,185,49,.6);--f-tel-fg:var(--sh-navy-deep,#0C1B3D);--f-tel-line:var(--sh-navy-deep,#0C1B3D);--f-soc:#fff;--f-panel:#fff;--f-ci:var(--sh-surface-2,#F7F8FB);--f-ci-fg:var(--sh-navy,#163375);border-top:1px solid var(--sh-border,#DDE2EB)}
.shf *{box-sizing:border-box}
.shf ul{list-style:none;margin:0;padding:0}
.shf p{margin:0}
.shf a{color:inherit;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s}
.shf a:hover,.shf a:focus-visible{color:var(--f-hover)}
.shf .shf-ic{flex:none;width:16px;height:16px}
/* 左右邊界照頁首模板 8388：外距桌機 72／平板（≤1024）40／手機（≤767）20，內容最寬 1376——logo 與頁首 logo 對齊同一條線 */
.shf__wrap{max-width:calc(1376px + 144px);margin:0 auto;padding:56px 72px 0}
@media (max-width:1024px){.shf__wrap{max-width:calc(1376px + 80px);padding-left:40px;padding-right:40px}}
@media (max-width:767px){.shf__wrap{padding-left:20px;padding-right:20px}}
/* 1. 主列：品牌塊｜四組連結 */
.shf__main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px;padding-bottom:40px}  /* 四個 1/4：品牌｜聯絡｜連結（兩欄、各兩層） */
.shf__id{display:flex;align-items:center}
.shf__logo{display:inline-block;flex:none}
.shf__logo img{display:block;width:176px;height:auto}  /* 和頁首 logo 同尺寸（頁首模板 8388：桌機 176px、手機 140px） */
.shf__social{display:flex;gap:10px;margin-top:20px!important}
.shf__social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--f-line);border-radius:var(--sh-radius-pill,999px);background:var(--f-soc);color:var(--f-head)}
.shf__social a:hover{border-color:var(--f-hover)}
.shf__social .shf-ic{width:19px;height:19px}
.shf__blurb{margin-top:18px!important;color:var(--f-link)}
.shf__nav{grid-column:3 / span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;align-content:start;padding-top:8px}
.shf__reach{padding-top:8px}
.shf .shf__h,.shf .shf__h:where(:hover,:focus,:active){display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 14px;padding:0;border:0;background:none;box-shadow:none;border-radius:0;color:var(--f-head);font:500 var(--sh-fs-ui,.9375rem)/1.4 var(--sh-font,'Poppins','NotoSansTC','PingFangHK',sans-serif);letter-spacing:.02em;text-align:left;white-space:normal;gap:12px;cursor:default}  /* 可換行：英文欄標題較長，360px 寬時不換行會把「＋」推出畫面 */
.shf .shf__h--static{cursor:default}
.shf__pm{display:none;position:relative;width:16px;height:16px;flex:none}
.shf__pm::before,.shf__pm::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s}
.shf__pm::after{transform:rotate(90deg)}
.shf__list li a{display:inline-block;padding:5px 0}
/* 2. 聯絡清單：在第一欄品牌塊裡，圖示＋內容一行一項 */
.shf__contact{display:grid;gap:2px}
.shf__c>a,.shf__c>div{display:flex;align-items:flex-start;gap:10px;padding:5px 0;color:var(--f-link)}
.shf__ci{display:grid;place-items:center;flex:none;width:18px;height:22px;color:var(--f-ci-fg)}
.shf__ci .shf-ic{width:16px;height:16px}
.shf__cv{min-width:0}
.shf__c--tel .shf__cv{color:var(--f-head);font-weight:500}
.shf__c--lic .shf__cv{display:inline-flex;align-items:center;gap:6px}
.shf__c--lic .shf__cv>.shf-ic{width:12px;height:12px;opacity:.7}
.shf .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* 3. 版權＋法律連結（靠左：右下角是浮動電話／WhatsApp 鈕） */
.shf__bar{display:flex;align-items:center;gap:8px 32px;flex-wrap:wrap;padding:22px 0 64px;font-size:var(--sh-fs-micro,.75rem);color:var(--f-dim)}
.shf__sep{margin:0 8px}
.shf__legal{display:flex;gap:20px}
/* 平板：品牌塊在上、連結兩欄；聯絡兩欄 */
@media (max-width:1100px) and (min-width:761px){
 .shf__main{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
 .shf__nav{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0}
}
/* 手機：logo＋社群同列；連結摺疊；聯絡兩欄格 */
@media (max-width:760px){
 .shf__wrap{padding-top:36px}
 .shf__main{display:block;padding-bottom:28px}
 .shf__logo img{width:140px}
 .shf__blurb{margin-top:16px!important}
 .shf__nav{display:block;margin-top:28px;padding-top:0;border-top:1px solid var(--f-line)}
 .shf__col{border-bottom:1px solid var(--f-line)}
 .shf .shf__h:not(.shf__h--static),.shf .shf__h:not(.shf__h--static):where(:hover,:focus,:active){min-height:56px;margin:0;font-size:16px;cursor:pointer}
 .shf .shf__h--static{margin:0 0 4px}
 .shf__pm{display:block}
 .shf__h[aria-expanded="true"] .shf__pm::after{transform:rotate(0deg)}
 .shf__list{display:none;padding-bottom:10px}
 .shf__col.is-open .shf__list{display:block}
 .shf__list li a{display:flex;align-items:center;min-height:var(--sh-ctl-hit,44px);padding:0 0 0 2px;font-size:15px}
 .shf__reach{padding-top:0;margin-top:16px}
 .shf__contact{gap:0}
 .shf__c>a,.shf__c>div{min-height:var(--sh-ctl-hit,44px);align-items:center;padding:0}
 .shf__bar{flex-direction:column;align-items:flex-start;gap:2px;padding:22px 76px 28px 0}  /* 右邊留給浮動鈕 */
 .shf__legal li a{display:inline-flex;align-items:center;min-height:var(--sh-ctl-hit,44px)}
}
@media (prefers-reduced-motion:reduce){.shf a,.shf__pm::before,.shf__pm::after{transition:none}}
/* 頁尾模板 8389 的外框（Elementor e-div-block＋短代碼元件 .sh-footw）不加任何留白 */
[data-elementor-type="footer"] :is(.e-div-block-base,.sh-footw,.sh-footw .elementor-widget-container,.sh-footw .elementor-shortcode){margin:0!important;padding:0!important;max-width:none!important;width:100%}