/* =====================================================================
   Lindenhof — Menu-Akzentbalken (ScrollSpy-Steuerung)
   - Versteckt die theme-eigenen Akzentbalken (Atomion ::before/::after).
   - Zeigt einen eigenen, konsistenten Balken NUR unter dem aktiven
     Menü-Item: auf Anker-Seiten via JS-Klasse .lh-active, auf normalen
     Seiten via current-menu-item / current_page_item.
   ===================================================================== */

/* --- Theme-Akzentbalken in der Hauptnavigation entfernen --- */
body.lindenhof header .menu-item > a::before,
body.lindenhof header .menu-item > a::after,
body.lindenhof header li.menu-item::before,
body.lindenhof header li.menu-item::after,
body.lindenhof .site-header .menu-item > a::before,
body.lindenhof .site-header .menu-item > a::after,
body.lindenhof .site-header li.menu-item::before,
body.lindenhof .site-header li.menu-item::after,
body.lindenhof #masthead .menu-item > a::before,
body.lindenhof #masthead .menu-item > a::after,
body.lindenhof #masthead li.menu-item::before,
body.lindenhof #masthead li.menu-item::after,
body.lindenhof .at-header .menu-item > a::before,
body.lindenhof .at-header .menu-item > a::after,
body.lindenhof .atomion-header .menu-item > a::before,
body.lindenhof .atomion-header .menu-item > a::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* Position-Anchor für eigenen Balken */
body.lindenhof header .menu-item > a,
body.lindenhof .site-header .menu-item > a,
body.lindenhof #masthead .menu-item > a,
body.lindenhof .at-header .menu-item > a,
body.lindenhof .atomion-header .menu-item > a {
  position: relative;
}

/* --- Eigener Akzentbalken: nur unter aktivem Menüpunkt --- */
body.lindenhof header li.menu-item.lh-active > a::after,
body.lindenhof .site-header li.menu-item.lh-active > a::after,
body.lindenhof #masthead li.menu-item.lh-active > a::after,
body.lindenhof .at-header li.menu-item.lh-active > a::after,
body.lindenhof .atomion-header li.menu-item.lh-active > a::after,
/* Auf Unterseiten (nicht Home): klassisches Aktiv-Verhalten beibehalten */
body.lindenhof:not(.home):not(.page-id-17) header li.current-menu-item > a::after,
body.lindenhof:not(.home):not(.page-id-17) header li.current_page_item > a::after,
body.lindenhof:not(.home):not(.page-id-17) .site-header li.current-menu-item > a::after,
body.lindenhof:not(.home):not(.page-id-17) .site-header li.current_page_item > a::after,
body.lindenhof:not(.home):not(.page-id-17) #masthead li.current-menu-item > a::after,
body.lindenhof:not(.home):not(.page-id-17) #masthead li.current_page_item > a::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -8px !important;
  width: 28px !important;
  height: 3px !important;
  border-radius: 2px !important;
  background: var(--lh-wine-300) !important;
  opacity: 1 !important;
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}

/* Auf Home: solange JS nicht initialisiert hat, kein Balken sichtbar.
   Der ScrollSpy setzt .lh-active spätestens beim ersten Scroll-Frame. */
body.lindenhof.home header li.menu-item.current-menu-item > a::after,
body.lindenhof.home header li.menu-item.current_page_item > a::after,
body.lindenhof.page-id-17 header li.menu-item.current-menu-item > a::after,
body.lindenhof.page-id-17 header li.menu-item.current_page_item > a::after {
  display: none !important;
  content: none !important;
}