/* ============================================================
   70-footer.css
   ------------------------------------------------------------
   Ziel:
   - Konsistente Typo/Abstände im Footer
   - Hover-Farben für Links & Social Icons
   - Kleine Headings/Listen/Absätze im Footer
   - KEINE Heading-Linien (Unterstreichungen) im Footer
     -> Wir neutralisieren evtl. globale Pseudo-Linien hier.
   ============================================================ */

/* ---------- Variablen nur für den Footer ---------- */
:root {
  --footer-font-size-base:    1.2em;
  --footer-line-height:       1.2em;

  --footer-text-small:        0.7em;  /* h3, li, p, h5 im Footer */
  --footer-widget-text:       1em;    /* .textwidget.custom-html-widget */

  --footer-link-hover:        #aaaaaa;
  --footer-social-hover-bg:   #fbfaef;
  --footer-social-hover-fg:   #222222;

  --footer-border-color:      #222222;
}

/* ---------- Grundlayout ---------- */
#footer {
  line-height: var(--footer-line-height);
  font-size: var(--footer-font-size-base);
}

/* ---------- Links & Social Bookmarks ---------- */
#footer a:hover {
  color: var(--footer-link-hover);
}

#footer .social_bookmarks a:hover {
  background-color: var(--footer-social-hover-bg) !important;
  color: var(--footer-social-hover-fg) !important;
}

/* ---------- Typo im Footer ---------- */
#footer h3,
#footer .last-modified {
  font-size: var(--footer-text-small) !important;
  padding-bottom: 15px;
}

#footer li,
#footer p,
#footer h5 {
  font-size: var(--footer-text-small) !important;
}

#footer .textwidget.custom-html-widget {
  font-size: var(--footer-widget-text) !important;
}

/* ---------- Widgets/Listen ---------- */
.widget_recent_entries li {
  border-top: none;
}

.widget .social_bookmarks li {
  clear: none !important;
  border-color: var(--footer-border-color);
  margin-right: 0.1em;
}

/* ---------- Copyright-Zeile ---------- */
span.copyright {
  width: 100%;
  text-align: center;
}

/* ---------- WICHTIG: Footer-Headings bekommen KEINE Linie ----------
   Falls globale Heading-Linien via ::after gesetzt werden (z. B. Block 50),
   verhindern wir sie hier gezielt im Footer. */
#footer h1::after,
#footer h2::after,
#footer h3::after,
#footer h4::after,
#footer h5::after,
#footer h6::after {
  content: none !important;
}