/**
 * footer.css — Stopka
 * @package Akademia
 */

.site-footer {
  background-color: var(--color-footer-bg);
  color: var(--color-footer-text);
}

.footer__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-6);
  padding-block: var(--space-10);
}

.footer__logo { height: 48px; width: auto; filter: brightness(0) invert(1); opacity: .85; }
.footer__logo-text { font-family: var(--font-heading); font-size: var(--text-lg); color: var(--color-white); }

.footer__nav { margin-inline: auto; }

.footer__nav-list {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--space-2) var(--space-6);
  list-style: none;
}

.footer__nav-list a {
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--color-footer-link);
  transition: color var(--duration-fast);
  white-space: nowrap;
}

.footer__nav-list a:hover { color: var(--color-white); }

.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius-full);
  background: rgba(255,255,255,.1);
  color: var(--color-footer-text);
  transition: background var(--duration-fast), color var(--duration-fast);
}

.footer__social-link:hover { background: var(--color-primary); color: var(--color-white); }

.footer__bottom { border-top: 1px solid rgba(255,255,255,.08); }

.footer__bottom-inner { padding-block: var(--space-4); }

.footer__copy {
  font-size: var(--text-xs);
  color: var(--color-footer-link);
  line-height: var(--leading-relaxed);
}

.footer__copy a { color: var(--color-footer-link); transition: color var(--duration-fast); }
.footer__copy a:hover { color: var(--color-white); }

@media (max-width: 640px) {
  .footer__inner { flex-direction: column; align-items: flex-start; }
  .footer__nav { margin-inline: 0; }
  .footer__nav-list { flex-wrap: wrap; }
}