/* ================================================================
   footer.css — минимальный editorial footer
   Contacts + legal links + language toggle
   ================================================================ */

.footer {
  padding: var(--section-pad-y) var(--page-padding-x);
  background: var(--c-fg);
  color: var(--c-bg);
  border-top: 1px solid var(--c-fg);
}
.footer .container {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}
@container (min-width: 720px) {
  .footer .container { grid-template-columns: 2fr 1fr 1fr; align-items: start; }
}

.footer-brand .wordmark {
  font-family: var(--font-sans);
  font-weight: var(--fw-bold);
  font-size: 2rem;
  letter-spacing: var(--ls-tight-3);
  color: var(--c-bg);
}
.footer-brand .fullname {
  margin-top: var(--space-1);
  font-size: var(--fs-caption);
  color: rgba(250, 250, 249, 0.6);
}
.footer-brand p {
  margin-top: var(--space-3);
  color: rgba(250, 250, 249, 0.7);
  max-width: 44ch;
  font-size: 0.875rem;
  line-height: 1.5;
}

.footer-col h4 {
  font-family: var(--font-mono);
  font-weight: var(--fw-regular);
  font-size: var(--fs-source);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: rgba(250, 250, 249, 0.6);
  margin-bottom: var(--space-3);
}
.footer-col ul { display: flex; flex-direction: column; gap: var(--space-2); }
.footer-col li a {
  color: var(--c-bg);
  font-size: 0.875rem;
  transition: color var(--dur-fast) var(--ease);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
}
.footer-col li a:hover {
  text-decoration-color: var(--c-accent);
}

.footer-bottom {
  margin-top: var(--space-8);
  padding-top: var(--space-4);
  border-top: 1px solid rgba(250, 250, 249, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  font-family: var(--font-mono);
  font-size: var(--fs-source);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: rgba(250, 250, 249, 0.5);
}
.footer-bottom .lang-toggle a { color: rgba(250, 250, 249, 0.5); }
.footer-bottom .lang-toggle a:hover { color: var(--c-bg); }
.footer-bottom .lang-toggle a[aria-current="page"] { color: var(--c-bg); }