/* Site footer */

.site-footer { background: var(--dark); color: var(--on-dark-2); font-size: 14px; }

.site-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 56px;
  padding-bottom: 32px;
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
  gap: 48px;
}

.site-footer__about { display: flex; flex-direction: column; gap: 14px; max-width: 380px; }
.site-footer__about p { margin: 0; line-height: 1.6; }
.site-footer__small { font-size: 13px; color: var(--on-dark-3); }
.site-footer__logo { display: flex; color: var(--on-dark); }
.site-footer__logo:hover { color: var(--on-dark); }

.site-footer__col { display: flex; flex-direction: column; gap: 10px; }
.site-footer__col strong { color: var(--on-dark); font-size: 15px; }
.site-footer__col a { color: var(--on-dark-2); text-decoration: none; }
.site-footer__col a:hover { color: var(--on-dark); }

.site-footer__social { display: flex; gap: 8px; margin-top: 4px; }

.site-footer__social a {
  width: var(--tap);
  height: var(--tap);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-md);
  background: var(--dark-2);
  color: var(--on-dark);
}

.site-footer__social a:hover { color: var(--on-dark); background: #474747; }
.site-footer__threads { font-weight: 800; font-size: 18px; }

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  padding-top: 18px;
  border-top: 1px solid var(--dark-line);
  font-size: 13px;
  color: var(--on-dark-3);
}

.site-footer__bottom a { color: var(--on-dark-2); text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 767px) {
  .site-footer__inner { gap: 28px; padding-top: 36px; padding-bottom: 28px; }
  .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
}