/* 馥靈之鑰 · Footer 獨立樣式 v2.0 · 2026 多巴胺升級
   給沒有載入 hourlight-global.css 的頁面用
   2026-04-26 從黑金 → 雲舞白 + 變革藍綠 + 映輝
   原則：所有頁面 footer 視覺對齊（不再分黑金 / 多巴胺）
*/
html{scroll-behavior:smooth;scroll-padding-top:60px}

/* ─── 整體容器 · 雲舞白底 + 映輝邊 ─── */
.hl-footer{
  background:#F5F3EC;
  border-top:3px solid #3D3835;
  padding:32px 24px 80px;
  margin-top:32px;
  color:#3D3835;
}
.hl-footer-inner{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}

/* ─── 品牌 logo + tagline ─── */
.hl-footer-brand{margin-bottom:8px}
.hl-footer-logo{
  font-family:'Noto Sans TC','Inter',system-ui,sans-serif;
  font-size:1.1rem;
  font-weight:900;
  letter-spacing:-.01em;
  color:#3D3835;
  display:flex;align-items:center;justify-content:center;
  gap:8px;
  margin-bottom:4px;
}
.hl-logo-icon{
  width:28px;height:28px;
  border-radius:50%;
  object-fit:cover;
  vertical-align:middle;
}
.hl-footer-tagline{
  font-size:.85rem;
  color:#6A6560;
  font-weight:500;
  letter-spacing:.04em;
}

/* ─── 連結列（向下相容簡化版頁面 · 主要由 hl-bottomnav.js 4 details 取代） ─── */
.hl-footer-links{
  display:flex;justify-content:center;align-items:center;
  flex-wrap:wrap;gap:6px 18px;
  margin:14px 0 16px;
}
.hl-footer-links a{
  font-size:.85rem;
  color:#007B7F;
  text-decoration:none;
  font-weight:600;
  padding:4px 0;
  transition:color .15s;
}
.hl-footer-links a:hover{color:#005C5F}

/* ─── 4 大分類 details（hl-bottomnav.js 注入用） ─── */
.hl-footer-groups{
  max-width:600px;
  margin:8px auto 0;
  padding:0 16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:8px;
  text-align:left;
}
.hl-footer-groups details{
  background:#fff;
  border:1.5px solid rgba(61,56,53,.14);
  border-radius:12px;
  overflow:hidden;
}
.hl-footer-groups summary{
  cursor:pointer;
  padding:11px 16px;
  font-size:.9rem;font-weight:700;
  color:#3D3835;
  background:#fff;
  letter-spacing:.04em;
  list-style:none;
  display:flex;justify-content:space-between;align-items:center;
}
.hl-footer-groups summary::-webkit-details-marker{display:none}
.hl-footer-groups summary > span:last-child{
  color:#007B7F;
  font-weight:900;
}
.hl-footer-groups details > div{
  padding:6px 16px 14px;
  display:flex;flex-wrap:wrap;
  gap:8px 18px;
  font-size:.85rem;
  background:#FAF8F2;
}
.hl-footer-groups details > div a{
  color:#007B7F;
  text-decoration:none;
  font-weight:600;
}
.hl-footer-groups details > div a:hover{
  color:#005C5F;
  text-decoration:underline;
}

/* ─── social icons ─── */
.hl-footer-social{
  display:flex;
  gap:14px;
  justify-content:center;align-items:center;
  margin:14px 0;
  flex-wrap:wrap;
}
.hl-footer-social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;
  border-radius:50%;
  border:2px solid #3D3835;
  color:#3D3835;
  background:#fff;
  text-decoration:none;
  font-size:1rem;font-weight:700;
  transition:all .15s;
}
.hl-footer-social a:hover{
  background:#007B7F;
  color:#fff;
  transform:translate(-2px,-2px);
  box-shadow:4px 4px 0 #3D3835;
}

/* ─── 法律聲明 toggle + content ─── */
.hl-footer-legal-toggle{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 18px;
  margin:18px 0 14px;
  background:#fff;
  border:2px solid #3D3835;
  border-radius:20px;
  color:#3D3835;
  font-size:.85rem;font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
  transition:all .15s;
}
.hl-footer-legal-toggle:hover{
  background:#007B7F;
  color:#fff;
  transform:translate(-2px,-2px);
  box-shadow:3px 3px 0 #3D3835;
}
.hl-footer-legal-toggle .arrow{
  font-size:.7rem;
  transition:transform .3s;
}
.hl-footer-legal-toggle.active .arrow{transform:rotate(180deg)}
.hl-footer-legal-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease;
}
.hl-footer-legal-content.active{max-height:1200px}
.hl-footer-legal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:0 8px;
  text-align:left;
  margin-bottom:14px;
}
.hl-legal-section{
  background:#FAF8F2;
  border:1.5px solid rgba(61,56,53,.14);
  border-radius:10px;
  padding:14px 18px;
  margin:8px 0;
  text-align:left;
  max-width:580px;
  margin-left:auto;margin-right:auto;
}
.hl-legal-title{
  font-size:.88rem;
  font-weight:900;
  color:#3D3835;
  letter-spacing:.02em;
  margin-bottom:6px;
}
.hl-legal-text{
  font-size:.82rem;
  color:#5C5651;
  line-height:1.8;
}
.hl-footer-disclaimer,
.hl-footer-legal,
.hl-footer-legal-item,
.hl-footer-trademark{
  font-size:.78rem;
  color:#5C5651;
  line-height:1.8;
}

/* ─── copyright ─── */
.hl-footer-copyright{
  font-size:.78rem;
  color:rgba(61,56,53,.7);
  font-weight:500;
  line-height:1.8;
  margin-top:14px;
}
.hl-footer-copyright-brand{
  display:inline-block;
  color:rgba(61,56,53,.7);
}
.hl-footer-founder{display:none}

@media(max-width:640px){
  .hl-footer{padding:24px 16px 80px}
  .hl-footer-links{gap:4px 12px}
  .hl-footer-links a{font-size:.82rem}
  .hl-footer-legal-grid{grid-template-columns:1fr}
}