/* ============================================================
   FOOTER — Brand-Spalte + 5 Nav-Spalten + Sprache + Social
   ============================================================ */

.ft { background: var(--surface3); padding: 48px 20px 24px; }
.ft__inner {
  display: grid; gap: 32px;
  grid-template-columns: 1fr;
  margin-bottom: 32px;
}
.ft__brand p { font-size: 13px; line-height: 1.6; color: var(--text2); margin: 12px 0 14px; max-width: 300px; }
.ft__mail { color: var(--accent); font-size: 13px; font-weight: 600; }
.ft__apps {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-top: 16px;
}
.ft__apps a {
  display: inline-flex; align-items: center;
  border-radius: 6px;
  transition: opacity .15s ease;
}
.ft__apps a:hover { opacity: .82; }
.ft__apps img { display: block; height: 40px; width: auto; }
.ft nav h3 {
  font-size: 12px; font-weight: 600; color: var(--text);
  text-transform: uppercase; letter-spacing: .06em;
  margin-bottom: 12px;
}
.ft nav ul { display: flex; flex-direction: column; gap: 8px; }
.ft nav a {
  display: inline-flex; align-items: center;
  font-size: 13px; color: var(--text2);
  padding: 10px 0; min-height: 44px;
}
.ft nav a:hover { color: var(--accent); }

.ft__bottom {
  padding-top: 20px;
  border-top: 1px solid var(--border);
  display: flex; flex-wrap: wrap; gap: 16px;
  justify-content: space-between; align-items: center;
  font-size: 12px; color: var(--text3);
}
.ft__bot-r { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.ft__lang {
  display: inline-flex; padding: 3px;
  background: #fff; border: 1px solid var(--border);
  border-radius: 999px;
}
.ft__lang button {
  padding: 10px 14px; border-radius: 999px;
  background: transparent; border: 0;
  font-size: 11px; font-weight: 600;
  color: var(--text2);
  min-height: 40px;
}
.ft__lang button[aria-pressed="true"] { background: var(--accent); color: #fff; }
.ft__social { color: var(--text2); font-size: 13px; }

/* ─── Responsive ──────────────────────────────────────────── */
@media (min-width: 640px) {
  .ft__inner { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 768px) {
  .ft__inner { grid-template-columns: 1.6fr repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  .ft { padding: 64px 24px 32px; }
}