/* =========================================================================
   footer.css
   Dark ink footer with columned links and a thin admin entry in the base bar.
   ========================================================================= */

.ftr {
  margin-top: var(--sp-8);
  background: var(--ink);
  color: var(--paper);
  border-top: 5px solid var(--signal);
}
.ftr__inner {
  max-width: var(--maxw);
  margin-inline: auto;
  padding: var(--sp-7) var(--sp-5) var(--sp-6);
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: var(--sp-6);
}
.ftr__logo {
  font-family: var(--display);
  font-weight: 900;
  font-size: 1.6rem;
}
.ftr__tagline { color: #c9bfb4; margin-top: var(--sp-3); max-width: 28ch; }
.ftr__h {
  font-family: var(--body);
  font-size: .85rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--signal); margin-bottom: var(--sp-3); font-weight: 800;
}
.ftr__col a {
  display: block; color: #ded5ca; padding: 5px 0;
  transition: color .15s, padding-inline-start .15s;
}
.ftr__col a:hover { color: #fff; padding-inline-start: 6px; }

.ftr__bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  padding: var(--sp-4) var(--sp-5);
  max-width: var(--maxw); margin-inline: auto;
  display: flex; align-items: center; justify-content: space-between;
  font-size: .9rem; color: #a99f95;
}
.ftr__admin { color: #a99f95; transition: color .15s; }
.ftr__admin:hover { color: var(--signal); }

@media (max-width: 760px) {
  .ftr__inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 460px) {
  .ftr__inner { grid-template-columns: 1fr; }
  .ftr__bottom { flex-direction: column; gap: var(--sp-2); text-align: center; }
}