/* ==========================================================================
   Footer (v2) — footer.php
   内容（电话/地址/社交/版权）全部读主题设置页
   ========================================================================== */

.hpb-footer {
  background: #0A0907;
  border-top: 1px solid var(--hpb-line);
  padding-top: clamp(4rem, 7vw, 6rem);
}

.hpb-footer__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.3fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  padding-bottom: clamp(3rem, 5vw, 4.5rem);
}

.hpb-footer .hpb-logo { margin-right: 0; }

.hpb-footer__tagline {
  margin-top: 1.5rem;
  max-width: 32ch;
  font-size: 0.9375rem;
  color: var(--hpb-text-dim);
}

.hpb-footer__title {
  font-size: var(--hpb-fs-2xs);
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--hpb-brass);
  margin-bottom: 1.5rem;
}

/* --------------------------------------------------------------------------
   导航
   -------------------------------------------------------------------------- */
.hpb-footer__nav li + li { margin-top: 0.8rem; }
.hpb-footer__nav a {
  font-size: 0.9375rem;
  color: var(--hpb-text-dim);
  transition: color var(--hpb-dur) var(--hpb-ease);
}
.hpb-footer__nav a:hover { color: var(--hpb-champagne); }

/* --------------------------------------------------------------------------
   联系方式
   -------------------------------------------------------------------------- */
.hpb-footer__contact li + li { margin-top: 1.1rem; }
.hpb-footer__contact .hpb-footer__region {
  display: block;
  font-size: var(--hpb-fs-2xs);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--hpb-text-faint);
  margin-bottom: 0.2rem;
}
.hpb-footer__contact a,
.hpb-footer__contact span.hpb-footer__val {
  font-family: var(--hpb-font-display);
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--hpb-text);
  transition: color var(--hpb-dur) var(--hpb-ease);
}
.hpb-footer__contact a:hover { color: var(--hpb-champagne); }

/* --------------------------------------------------------------------------
   社交
   -------------------------------------------------------------------------- */
.hpb-social { display: flex; gap: 1.25rem; margin-top: 2rem; }
.hpb-social a {
  color: var(--hpb-text-faint);
  transition: color var(--hpb-dur) var(--hpb-ease);
}
.hpb-social a:hover { color: var(--hpb-brass); }
.hpb-social svg { width: 17px; height: 17px; }

/* --------------------------------------------------------------------------
   底栏
   -------------------------------------------------------------------------- */
.hpb-footer__bar { border-top: 1px solid var(--hpb-line-soft); }
.hpb-footer__bar > .hpb-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 1.75rem;
  font-size: var(--hpb-fs-2xs);
  letter-spacing: 0.06em;
  color: var(--hpb-text-faint);
}
.hpb-footer__legal { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.hpb-footer__legal a:hover { color: var(--hpb-champagne); }

@media (max-width: 860px) {
  .hpb-footer__grid { grid-template-columns: 1fr 1fr; }
  .hpb-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .hpb-footer__grid { grid-template-columns: 1fr; }
}