/* ==========================================================================
   Influex Footer — extracted from influex-landing.css
   Pairs with influex-footer.php ([influex_footer] shortcode).
   Relies on design-system tokens (--font-micro, --fg-2, --color-champagne,
   --ease-quint, --grad-ceremonial) being defined by the page's base styles.
   ========================================================================== */

/* ------------------------------------------------------------------
   Footer — minimal (copyright left · logo center · privacy right)
------------------------------------------------------------------ */
.ix-footer {
  padding: 32px clamp(24px, 5vw, 64px) 36px;
  background: #000;
  position: relative;
}
.ix-footer-gotop {
  display: block;
  width: max-content;
  margin: 0 0 24px auto;
  font-family: var(--font-micro);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--fg-2);
  text-decoration: none;
  transition: color 180ms var(--ease-quint);
}
.ix-footer-gotop:hover { color: var(--color-champagne); }
.ix-footer-rule {
  width: 100%;
  margin: 0 0 28px;
  height: 1px;
  background: var(--grad-ceremonial);
  opacity: 0.45;
  border: 0;
}
.ix-footer-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
}
.ix-footer-col {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-micro);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--fg-2);
}
.ix-footer-col--left { justify-content: flex-start; }
.ix-footer-col--right { justify-content: flex-end; }
.ix-footer-col a {
  color: var(--fg-2);
  text-decoration: none;
  transition: color 180ms var(--ease-quint);
}
.ix-footer-col a:hover { color: var(--color-champagne); }
.ix-footer-sep { color: rgba(255,255,255,0.22); }
.ix-footer-wordmark {
  display: inline-flex;
  align-items: center;
  justify-self: center;
}
.ix-footer-logo {
  height: clamp(28px, 3vw, 40px);
  width: auto;
  display: block;
}

/* ------------------------------------------------------------------
   Responsive (≤720px) — stack the row, center everything,
   move the wordmark to the top.
------------------------------------------------------------------ */
@media (max-width: 720px) {
  .ix-footer-row { grid-template-columns: 1fr; text-align: center; gap: 16px; }
  .ix-footer-col--left,
  .ix-footer-col--right { justify-content: center; }
  .ix-footer-wordmark { order: -1; }
}