/* Подвал сайта — единственный источник правды.
   Подключается на всех страницах: главная, документация, оферта, статьи, 404.
   Разметка везде одинаковая (см. includes/footer.php); логотип — в nav.css. */

/* line-height задан явно: у главной и у статей разная базовая интерлиньяжка
   (1.55 против 1.65), из-за неё подвалы отличались по высоте на 7px */
.footer{background:var(--ink); color:#8B92A0; padding:0 0 36px; font-size:14px;
  margin-top:64px; line-height:1.55}
.footer__content{border-top:1px solid rgba(255,255,255,.12); padding-top:32px;
  display:flex; justify-content:space-between; gap:32px; flex-wrap:wrap}
.footer a{color:#8B92A0; text-decoration:none}
.footer a:hover{color:#fff}

.footer__info{display:flex; flex-direction:column; gap:8px; max-width:520px; line-height:1.6}
.footer__info p{margin:0}
.footer__info a{color:#B8C0CC}

.footer__links{display:flex; gap:56px; flex-wrap:wrap; align-items:flex-start}
.footer__col{display:flex; flex-direction:column; gap:10px}
.footer__col h4{margin:0 0 4px; font-size:12px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:#6E7684}

.footer__copy{margin-top:28px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08);
  font-size:13px; color:#6E7684; display:flex; justify-content:space-between;
  gap:16px; flex-wrap:wrap}
.footer__credit a{color:#8B92A0}
.footer__credit a:hover{color:#fff}

/* краткий вариант — страница ошибки: без блока ссылок, только строка копирайта */
.footer--compact{margin-top:0}
.footer--compact .footer__copy{margin-top:0; padding-top:22px; border-top:none}

/* ── уведомление о cookie: информирует, не перекрывает содержимое ── */
.cookie-notice{position:fixed; left:16px; right:16px; bottom:16px; z-index:80;
  max-width:640px; margin:0 auto; display:flex; align-items:center; gap:16px;
  padding:14px 18px; background:var(--paper); color:var(--ink);
  border:1px solid var(--line); border-radius:12px; font-size:14px; line-height:1.45;
  box-shadow:0 18px 44px -20px rgba(15,19,25,.45)}
/* пока плашка на экране, страница получает запас снизу — иначе последние
   строки и ссылки подвала оказываются под ней */
body.has-cookie-notice{padding-bottom:96px}
@media(max-width:600px){body.has-cookie-notice{padding-bottom:150px}}
.cookie-notice__text{margin:0}
.cookie-notice__text a{color:var(--brand)}
.cookie-notice__btn{flex:none; font:inherit; font-weight:600; cursor:pointer;
  padding:8px 16px; border-radius:8px; border:1.5px solid var(--ink);
  background:transparent; color:var(--ink); transition:background .15s, color .15s}
.cookie-notice__btn:hover{background:var(--ink); color:var(--paper)}
@media(max-width:600px){
  .cookie-notice{flex-direction:column; align-items:flex-start; gap:12px; padding:14px 16px}
  .cookie-notice__btn{align-self:stretch}
}