/* ═══ FOOTER ═══ */
.footer { padding: 60px 0 28px; background: var(--bg-warm); border-top: 1px solid var(--border-light); }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.footer-brand p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.6; max-width: 260px; margin-top: 12px; }
.footer-col h4 {
  font-family: var(--font-body); font-size: 0.72rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-secondary); margin-bottom: 14px;
}
.footer-col a { display: block; font-size: 0.85rem; color: var(--text-muted); text-decoration: none; padding: 3px 0; transition: color 0.2s; }
.footer-col a:hover { color: var(--accent); }
.footer-bottom {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 20px; border-top: 1px solid var(--border-light);
  font-size: 0.72rem; color: var(--text-muted);
}
.footer-bottom a { color: var(--text-muted); text-decoration: none; }
.footer-bottom a:hover { color: var(--accent); }


/* ═══ FLOATING LANG PILL (mobile-friendly) ═══ */
.floating-lang {
  position: fixed; bottom: 24px; right: 24px; z-index: 90;
  display: flex; gap: 4px; padding: 4px;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(16px);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-md);
  animation: floatIn 0.6s 1s ease-out both;
}
@keyframes floatIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.floating-lang a {
  padding: 8px 12px; border-radius: var(--radius-full);
  font-size: 0.78rem; font-weight: 600; text-decoration: none;
  color: var(--text-muted); transition: all 0.2s;
}
.floating-lang a.active { background: var(--accent); color: white; }
.floating-lang a:not(.active):hover { background: var(--accent-soft); color: var(--accent); }