/**
 * 页脚外观变量（站点设置 footer_theme_* → --td-footer-*）
 * 留空则沿用 style.css / site-typography 默认。
 */
.site-footer {
  background-color: var(--td-footer-bg, var(--footer-bg));
  color: var(--td-footer-text, var(--muted));
  font-family: var(--td-footer-font-family, inherit);
  font-size: var(--td-footer-font-size, var(--site-font-footer, 14px));
}

.site-footer-main {
  padding-top: var(--td-footer-main-pad-y, clamp(36px, 5vw, 44px));
  padding-bottom: var(--td-footer-main-pad-y-bottom, clamp(28px, 4vw, 36px));
  padding-left: var(--td-footer-main-pad-x, max(var(--page-pad), 18px));
  padding-right: var(--td-footer-main-pad-x, max(var(--page-pad), 18px));
  background: var(--td-footer-main-bg, var(--footer-main-bg, var(--footer-bg)));
}

.site-footer--shared-bg .site-footer-main {
  background: transparent;
}

.footer-grid {
  gap: var(--td-footer-grid-gap-row, clamp(20px, 3vw, 28px))
    var(--td-footer-grid-gap-col, clamp(22px, 3.5vw, 32px));
}

.footer-col-title {
  color: var(--td-footer-title-color, var(--text));
  font-size: var(--td-footer-title-font-size, 0.72rem);
  margin-bottom: var(--td-footer-title-margin-bottom, 14px);
}

.footer-links {
  gap: var(--td-footer-link-gap, 8px);
}

/* 高于 brand-theme.css 的 .layout a，否则「链接默认色」后台设置无效 */
.layout footer.site-footer .footer-links a,
.site-footer .footer-links a {
  color: var(--td-footer-link-color, var(--muted));
  font-size: var(--td-footer-link-font-size, var(--td-footer-font-size, var(--site-font-footer, inherit)));
}

.layout footer.site-footer .footer-links a:hover,
.site-footer .footer-links a:hover {
  color: var(--td-footer-link-hover, var(--accent));
}

.footer-contact-block {
  color: var(--td-footer-text, var(--muted));
  line-height: var(--td-footer-line-height, 1.65);
}

.footer-contact-line {
  margin: 0 0 0.35em;
}

.footer-contact-line__label {
  opacity: 0.92;
}

.footer-contact-line__value {
  word-break: break-word;
}

.site-footer-bar {
  background: var(--td-footer-bar-bg, var(--footer-bar-bg, var(--card)));
  color: var(--td-footer-bar-text, var(--muted));
  font-size: var(--td-footer-bar-font-size, var(--td-footer-font-size, var(--site-font-footer, inherit)));
  border-top-color: var(--td-footer-bar-border, var(--border));
  padding-top: var(--td-footer-bar-pad-y, 18px);
  padding-bottom: var(--td-footer-bar-pad-y, 22px);
}

.site-footer--shared-bg .site-footer-bar {
  background: transparent;
}