/* wp-fixes.css — WordPress-spezifisches Sicherheitsnetz (lädt als LETZTES Stylesheet).
   Zweck: Header-Interaktion gegen generische Fremd-Regeln (Elementor-Kit, Plugins,
   WP-Global-Styles) absichern. KEINE Design-Änderungen gegenüber der Referenz —
   nur dieselben Werte mit höherer Spezifität. Quelle der Wahrheit bleibt site.css. */

/* Burger nur mobil (Referenz: site.css, Morph-Variante 08.07.2026 + Breakpoint 1080px) */
body .bf-burger {
  display: none;
  width: 44px; height: 44px;
  border: 0;
  background: transparent;
  color: var(--bf-text);
}
body .bf-burger:hover { color: var(--bf-blue); background: transparent; }
body .bf-burger .bf-burger-line { background: currentColor; }
@media (max-width: 1080px) {
  body .bf-burger { display: flex; }
}

/* Hauptnavigation: Farben/Flächen exakt wie Referenz (site.css ~91–95) */
body a.bf-nav-link,
body button.bf-nav-link {
  color: var(--bf-text);
  background: none;
  border: none;
  font-family: inherit;
}
body a.bf-nav-link:hover,
body button.bf-nav-link:hover {
  color: var(--bf-blue);
  background: var(--bf-surface);
}
body .bf-nav-link.active { color: var(--bf-blue); }

/* Fokus-Sichtbarkeit beibehalten (nativ, ohne Overlay-Plugins) */
body .bf-nav-link:focus-visible,
body .bf-burger:focus-visible {
  outline: 2px solid var(--bf-border-focus);
  outline-offset: 2px;
}

/* Fließtext-Links: Browser-Standard-Unterstreichung wiederherstellen.
   Elementors frontend.min.css setzt global a{text-decoration:none} — die Referenz
   baut auf dem UA-Default auf. Gleiche Spezifität (0,0,1), lädt nach Elementor;
   alle Komponenten (.bf-btn, .bf-nav-link, Karten …) setzen ihr none explizit
   mit höherer Spezifität und bleiben unberührt. */
a { text-decoration: underline; }

/* Burger gegen Elementor-Kit-/Theme-Button-Regeln härten
   (generische button-Resets setzen sonst eigene Farben/Hintergründe) */
body .bf-burger { color: var(--bf-text) !important; background: transparent !important; border: 0 !important; }
body .bf-burger:hover, body .bf-burger:active, body .bf-burger:focus,
body .bf-burger[aria-expanded="true"] { color: var(--bf-blue) !important; background: transparent !important; }
body .bf-burger .bf-burger-line { background: currentColor !important; }