.footer {
  margin-top: 64px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--dim);
  font-size: 12px;
  position: relative;
  z-index: 2;
}

@media (min-width: 540px) {
  .footer { flex-direction: row; justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
}

.footer__brand { color: var(--accent); font-weight: 600; }
.footer__brand-suffix { color: var(--fg); font-weight: 600; }

.footer__bridge {
  display: inline-flex;
  gap: 12px;
}
.footer__bridge a { color: var(--dim); }
.footer__bridge a:hover { color: var(--accent); text-decoration: none; }

.footer__lang {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 16px;
}
.footer__lang-link {
  color: var(--dim);
  text-decoration: none;
  font-size: 13px;
  padding: 2px 4px;
  border-radius: 3px;
  transition: color 0.12s ease;
}
.footer__lang-link:hover { color: var(--fg); text-decoration: none; }
.footer__lang-link--active,
.footer__lang-link--active:hover { color: var(--accent); }
.footer__lang-sep { color: var(--dim); opacity: 0.5; }

.footer__socials { display: inline-flex; gap: 12px; }
.footer__socials a { color: var(--dim); }
.footer__socials a:hover { color: var(--accent); text-decoration: none; }

.footer__cookies {
  flex-basis: 100%;
  font-size: 11px;
  color: var(--dim);
  opacity: 0.7;
  margin-top: 4px;
}