/* Derived from new-home/contact/patches/footer-legal.css by build.mjs — edit it there. */
/* ============================================================
   Service line: © and the legal pages.
   Patch for css/14b-footer.css. The line owns its geometry in every band
   (COMPONENTS.md, law 1); a page only supplies the content.

   Alexa, 19.09.2026: the line leaves the footer. It used to live inside
   .ftr-wrap — under the frame below 1400, inside it above — and in both
   cases it ran flush into the page field: at 1262 the © started at 24 and
   the last link ended at 24, the same 24 the corner contours stand on, so
   the text read as glued to the screen edge and to the frame at once.
   Now it is a band of its own between the Let's talk block and the footer:
   one row, 12 below that block, and 12 further in from the page field than
   anything else on the page. The frame keeps only the lockup and its two
   contours, in the proportion of the layout.

   ≥ 601   one row: © on the left line, links on the right.
   ≤ 600   centred: links (wrap if needed), then ©.
   Links: the site law of 95-chips.css — the underline is drawn left → right
   in 300 ms and taken back in 240 ms, cubic-bezier(.4, 0, .2, 1).
   ============================================================ */

.ftr-legal {
  /* The page field, the same ladder as .ftr-wrap and .ltk, plus Alexa's step
     inward. The step is what keeps the line off the edge; it is written as
     its own token so the band can be re-tuned without touching the field. */
  --ftr-legal-g: 24px;
  --ftr-legal-step: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 32px;
  margin-top: 12px;
  padding: 0 calc(var(--ftr-legal-g) + var(--ftr-legal-step));
  font: 500 11px / 16px "Inter", system-ui, -apple-system, sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #a4a4aa;
}

.ftr-legal-copy {
  margin: 0;
  white-space: nowrap;
}

.ftr-legal-nav {
  display: flex;
  flex-wrap: wrap;
  column-gap: 28px;
}

.ftr-legal-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color 240ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ftr-legal-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0.16em; /* the tracking after the last letter */
  bottom: 12px;
  height: 1px;
  background: currentColor;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 240ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ftr-legal-link:hover,
.ftr-legal-link:focus-visible {
  color: #f7f7f7;
  transition-duration: 300ms;
}
.ftr-legal-link:hover::after,
.ftr-legal-link:focus-visible::after {
  clip-path: inset(0);
  transition-duration: 300ms;
}
.ftr-legal-link:focus-visible {
  outline: 2px solid #eaeaea;
  outline-offset: 3px;
  border-radius: 2px;
}

/* The field steps with the page: the same numbers .ftr-wrap and .ltk use. */
@media (max-width: 1200px)   { .ftr-legal { --ftr-legal-g: 20px; } }
@media (max-width: 1024px)   { .ftr-legal { --ftr-legal-g: 16px; } }
@media (max-width: 768px)    { .ftr-legal { --ftr-legal-g: 12px; } }
@media (max-width: 519.98px) { .ftr-legal { --ftr-legal-g: 8px; } }
@media (max-width: 375px)    { .ftr-legal { --ftr-legal-g: 6px; } }

/* «В одну линию» держится ровно до той ширины, где строка ещё стоит строкой.
   Замер 19.09.2026, Chrome: © 134.36 + промежуток 32 + ссылки 377.92 = 544.28,
   при поле этой полосы (12 + 12 с каждой стороны) это окно 592.28. Ниже —
   телефонная раскладка: сначала ссылки, под ними ©, обе по центру. Граница
   взята с запасом в 8: текст © ещё не окончательный (юрлицо не зафиксировано),
   а перерастание строки flex-wrap переносит, а не выпускает за край. */
@media (max-width: 600px) {
  .ftr-legal {
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
  }
  .ftr-legal-nav {
    order: -1;
    justify-content: center;
    column-gap: 24px;
  }
  /* wrapped rows sit 32 apart, not 44: each link keeps its 44px target,
     neighbouring targets overlap by 6px above and below */
  .ftr-legal-link { margin-block: -6px; }
}

@media (prefers-reduced-motion: reduce) {
  .ftr-legal-link,
  .ftr-legal-link::after { transition: none; }
}

@media (forced-colors: active) {
  .ftr-legal-link::after { background: LinkText; }
}