/* Подвал сайта: ОДИН файл на все страницы (правило юзера 13.09: «во всех подвалах всегда
   должно быть одинаково»). Страницы своих правил для footer/.foot не держат, кроме отступа
   сверху (margin-top), который зависит от содержимого страницы. Значения записаны числами,
   а не переменными, чтобы подвал не зависел от палитры конкретной страницы.

   Разметка на всех страницах одна:
     <footer><div class="foot">
       <span>Perfect Pitch Audio</span>
       <span><a class="foot-wwu" href="mailto:…">Creator? Work with us</a></span>
       <span class="foot-legal"><a>Terms &amp; Conditions</a><a>Privacy</a><a>Copyright</a></span>
     </div></footer>
   consent.js дорисовывает <a class="ppa-cookies">Cookie settings</a> в .foot-legal на публичных
   страницах; в кабинете его нет. Точка-разделитель висит на соседях, поэтому число пунктов
   может быть любым и висячей точки не бывает. */

footer{border-top:1px solid rgba(255,255,255,.06);padding:30px 32px;margin:0}
.foot{max-width:none;margin:0 auto;padding:0;
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:#f5f5f7;line-height:1.6}
.foot a{color:inherit;text-decoration:none}
.foot a:hover{color:#fff}
.foot a.foot-wwu{color:#5cc2b0}
.foot a.foot-wwu:hover{color:#7fd8c8}
/* сплошная область нажатия у ссылок, высота строки не меняется */
.foot a[href]{display:inline-block;padding:12px 0;margin:-12px 0;cursor:pointer}
.foot,.foot *{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal}

/* Широкий экран: одна строка по центру, между пунктами точка с одинаковыми полями, поэтому
   расстояния равны по построению при любой ширине. Шесть пунктов занимают около 1010 px,
   отсюда порог 1080: ниже него строка ломалась бы и ставила точку в начало второй строки. */
@media(min-width:1081px){
  .foot{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}
  .foot-legal{display:contents}
  .foot > span,.foot-legal a{white-space:nowrap}
  .foot > span + span::before,.foot-legal a + a::before{content:"\00B7";margin:0 10px;opacity:.55}
  /* у ссылок точка висит СНАРУЖИ: внутри ссылки её обводила рамка фокуса и она нажималась (юзер 24.09).
     Место под неё держит внешний отступ той же ширины: 10 + точка (0.6em моноширинного знака + трекинг .12em) + 10 */
  .foot .foot-legal a + a{position:relative;margin-left:calc(20px + .72em)}   /* работает, потому что общее правило ссылок в site-nav.css задаёт только вертикальные поля */
  .foot .foot-legal a + a::before{position:absolute;right:100%;top:0;bottom:0;display:flex;align-items:center;margin:0 10px 0 0}   /* по центру высоты ссылки: поля сверху и снизу у неё равны */
}
/* Узкий экран: столбик по центру, без точек */
@media(max-width:1080px){
  .foot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
  .foot-legal{display:flex;flex-direction:column;align-items:center;gap:12px}
  .foot > span + span::before,.foot-legal a + a::before{content:none}
}
@media(max-width:640px){footer{padding:26px 20px}}

/* Юридическое название компании под ссылками, по центру на всех страницах (юзер 25.09: проверяющий Paddle
   должен сразу видеть «Perfect Pitch Audio LLC»). Хвост трекинга у последней буквы гасится padding-left. */
.foot-copy{margin-top:18px;padding-left:.12em;text-align:center;font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.12em;line-height:1.6;color:#f5f5f7;opacity:.5}