/* ── Footer – derkiassistent.de ──────────────────────────────────────────
   Zentrale CSS-Datei für den Footer auf allen Seiten (DE/EN/ES + Starter-Kits).
   Eingebunden in: footer.php, en/footer.php, es/footer.php,
                   surf/fewo/yoga-ki-starter-kit.html
   ─────────────────────────────────────────────────────────────────────── */

/* ── Haupt-Footer (helles Theme – Startseite, Tools, Anleitungen) ── */
.site-footer {
  background: var(--bg-mid, #d0eaf3);
  border-top: 1px solid var(--border, #b8dde8);
  margin-top: auto;
  font-family: 'Epilogue', sans-serif;
}
.footer-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 39px 70px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
  flex-wrap: wrap;
}
.footer-brand { flex: 1; min-width: 180px; }
.footer-logo {
  font-family: 'Unbounded', sans-serif;
  font-size: 15px;
  font-weight: 900;
  color: var(--ink, #1a3a4a);
  text-decoration: none;
}
.footer-logo span { color: var(--teal, #0d9488); }
.footer-tagline { font-size: 12px; color: var(--muted, #4a7080); margin-top: 6px; }
.footer-nav { display: flex; gap: 64px; flex-wrap: wrap; }
.footer-nav-group { display: flex; flex-direction: column; gap: 14px; }
.footer-nav-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ocean, #006e96);
  margin-bottom: 10px;
  display: block;
}
.footer-nav-group a { font-size: 13px; color: var(--muted, #4a7080); text-decoration: none; transition: color .2s; }
.footer-nav-group a:hover { color: var(--ocean, #006e96); }
.footer-bottom { border-top: 1px solid var(--border, #b8dde8); padding: 14px 40px; text-align: center; }
.footer-bottom p { font-size: 12px; color: var(--muted, #4a7080); }
.footer-bottom a { color: var(--muted, #4a7080); text-decoration: none; }
.footer-bottom a:hover { color: var(--ocean, #006e96); }

/* ── Starter-Kit-Footer (dunkles Theme) ── */
.site-footer.dark {
  background: var(--bg-mid, #0b1f2e);
  border-top: 1px solid rgba(255,255,255,0.08);
}
.site-footer.dark .footer-logo { color: #fff; }
.site-footer.dark .footer-tagline { color: rgba(255,255,255,0.4); }
.site-footer.dark .footer-nav-label { color: var(--wave, #00b4d8); }
.site-footer.dark .footer-nav-group a { color: rgba(255,255,255,0.5); }
.site-footer.dark .footer-nav-group a:hover { color: #fff; }
.site-footer.dark .footer-bottom { border-top-color: rgba(255,255,255,0.08); }
.site-footer.dark .footer-bottom p { color: rgba(255,255,255,0.35); }
.site-footer.dark .footer-bottom a { color: rgba(255,255,255,0.35); }
.site-footer.dark .footer-bottom a:hover { color: rgba(255,255,255,0.7); }

/* ── Responsive ── */
@media (max-width: 600px) {
  .footer-inner { padding: 28px 20px 16px; flex-direction: column; gap: 24px; }
  .footer-nav { gap: 24px; }
  .footer-bottom { padding: 12px 20px; }
}