/* PumpyDumpy AI — patička webu pro všechny stránky.
   Načítá se za header.css. Nezávisí na stylech stránky, takže sjednotí
   i starší průvodce, které mají vlastní pravidla pro footer. */

.footer {
  position: relative; z-index: 1;
  margin: 40px 0 0; padding: 40px 0 56px;
  border-top: 1px solid #1a2540;
  background: rgba(6, 10, 18, .6);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem; line-height: 1.65; color: #94a3c8; text-align: center;
}
.footer .footer-inner {
  max-width: 1200px; margin: 0 auto; padding: 0 24px;
  display: flex; flex-direction: column; align-items: center; gap: 18px;
}
.footer a { text-decoration: none; }

/* Poznámka a související odkazy patří jen jedné stránce (generátor, Suno články). */
.footer .footer-note {
  margin: 0; padding: 10px 16px; max-width: 720px;
  border: 1px solid #243354; border-radius: 10px; background: rgba(12, 18, 32, .7);
  color: #eaf0ff; font-size: .92rem;
}
.footer .footer-related {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px;
  font-size: .92rem;
}
.footer .footer-related span { color: #7888ad; }
.footer .footer-related a { color: #00d4ff; font-weight: 600; }
.footer .footer-related a:hover { color: #66e0ff; }

.footer .footer-brand { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.footer .footer-brand .logo-mark { width: 28px; height: 28px; }
.footer .footer-name { font-weight: 700; color: #eaf0ff; }
.footer .footer-name .accent {
  background: linear-gradient(90deg, #00d4ff, #8b5cf6, #ff2d8a);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; font-weight: 800;
}
.footer .copy { color: #7888ad; font-size: .82rem; }

.footer .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin: 0; }
.footer .footer-links a { color: #94a3c8; font-size: .95rem; }
.footer .footer-links a:hover { color: #00d4ff; }
.footer .footer-links-small a { color: #7888ad; font-size: .85rem; }