/* ═════════════════════════════════════════════════════════════════
   全站自定义 footer —— design-previews/homepage-v2.html §13
   逻辑归属 inc/home-v2.php 第 6 部分（lc_site_footer_* 函数组）；
   本文件全站 enqueue（home-v2.css 仅首页且含 body 级全局规则，
   门控不同故独立成文件）。Montserrat 由站点全局 Google Fonts 提供。
   输出路径：blocksy:builder:footer:custom-output 过滤器（主题 ≥2.1.47）
   完全短路原生 footer builder，.lc-site-footer 渲染在主题包裹的
   <footer id="footer"> 内；原生 footer 不再输出，无需任何隐藏规则。
   ═════════════════════════════════════════════════════════════════ */

/* ── 设计 token(作用域内自包含,不依赖 home-v2.css)── */
.lc-site-footer {
	--lcf-dark: #0e0e0d;
	--lcf-sans: 'Montserrat', Helvetica, Arial, sans-serif;
	--lcf-page-pad: clamp(20px, 3.4vw, 56px);
	background: var(--lcf-dark);
	color: #c9c9c4;
	font-family: var(--lcf-sans);
	-webkit-font-smoothing: antialiased;
	padding: clamp(56px, 6vw, 80px) 0 0;
}
.lc-site-footer a { color: inherit; text-decoration: none; }

/* ── 容器(设计稿 .wrap)── */
.lcf-wrap { max-width: 1560px; margin: 0 auto; padding-inline: var(--lcf-page-pad); }
.lcf-main { padding-bottom: clamp(44px, 5vw, 60px); }

/* ── 上层:品牌 + 三列导航 ── */
.lcf-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 44px; }
/* 品牌列垂直居中(与两列导航内容对齐),logo 与简介成组 */
.lcf-brand { display: flex; flex-direction: column; justify-content: center; }
.lcf-brand .lcf-wordmark { display: block; height: 100px; width: auto; align-self: flex-start; }
.lcf-brand p { font-size: 13.5px; color: #a4a49e; max-width: 280px; margin: 16px 0 0; line-height: 1.7; }
.lcf-col h4 {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #c9c9c4;
	margin: 0 0 18px;
}
.lcf-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.lcf-col a { font-size: 13.5px; color: #e3e3de; }
.lcf-col a:hover { color: #fff; }

/* ── 下层:版权行 + 社交图标(整体居中;图标链接 inline-flex 消除 svg 行内基线偏移)── */
.lcf-bottom { border-top: 1px solid #2a2a27; padding: 24px 0; font-size: 11.5px; color: #94948e; }
.lcf-bottom__row { display: flex; justify-content: center; align-items: center; gap: 18px; flex-wrap: wrap; text-align: center; }
.lcf-social { display: flex; gap: 18px; align-items: center; }
.lcf-social a { display: inline-flex; align-items: center; justify-content: center; color: #a4a49e; }
.lcf-social a:hover { color: #fff; }
.lcf-social svg { display: block; width: 16px; height: 16px; fill: currentColor; }

/* ── 响应式(与设计稿断点一致)── */
@media (max-width: 1100px) {
	.lcf-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 640px) {
	.lcf-grid { grid-template-columns: 1fr; gap: 32px; }
}