/* ============================================================
   HELIOCASTLE — FOOTER BAR
   The one-row footer used on service pages: mark left, links in
   the middle, social icons and the copyright on the right.
   (The home page keeps its taller centred footer — css/footer.css.)
   ============================================================ */

.foot-bar {
  position: relative;
  z-index: 1;
  padding: clamp(26px, 3vw, 36px) var(--pad-x);
  background: rgb(var(--bg-rgb) / 0.9);
  backdrop-filter: blur(6px);
}

.foot-bar-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px clamp(24px, 4vw, 60px);
  max-width: 1500px;
  margin: 0 auto;
}

.foot-bar .brand { margin-right: auto; }
.foot-bar .brand-mark { width: 30px; }

.foot-bar-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px clamp(16px, 2vw, 30px);
}
.foot-bar-nav a {
  font-size: 13px;
  color: var(--muted);
  transition: color 0.3s;
}
.foot-bar-nav a:hover { color: var(--gold); }

.foot-bar-social {
  list-style: none;
  display: flex;
  gap: 12px;
}
.foot-bar-social a {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  color: var(--muted);
  transition: color 0.3s, border-color 0.3s, transform 0.4s var(--ease);
}
.foot-bar-social svg { width: 15px; height: 15px; }
.foot-bar-social a:hover {
  color: var(--gold);
  border-color: var(--gold-soft);
  transform: translateY(-2px);
}

.foot-bar-copy {
  font-size: 11.5px;
  color: rgb(var(--ink-rgb) / 0.66);   /* 0.38 measured 2.3:1 on paper, 3.1:1 on black */
  letter-spacing: 0.06em;
}