/* F1048: Eindeutiger aktiver Menüpunkt und dezenter KITT-Scanner im öffentlichen Header. */

[data-pkv-public-nav="true"].pkv-public-nav-link {
  position: relative !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  overflow: visible !important;
  isolation: isolate;
}

[data-pkv-public-nav="true"].pkv-public-nav-link::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: -9px;
  height: 3px;
  border-radius: 999px;
  background: #fde428;
  opacity: 0;
  transform: scaleX(0.18);
  transform-origin: center;
  transition:
    transform 180ms ease,
    opacity 180ms ease;
  pointer-events: none;
}

[data-pkv-public-nav="true"].pkv-public-nav-link.is-pkv-active::after,
[data-pkv-public-nav="true"].pkv-public-nav-link[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

[data-pkv-public-nav="true"].pkv-public-nav-link::before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: -9px;
  width: 30px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(253, 228, 40, 0) 0%,
    rgba(253, 228, 40, 0.4) 28%,
    #fde428 62%,
    #fff7af 78%,
    rgba(253, 228, 40, 0) 100%
  );
  box-shadow:
    0 0 5px rgba(253, 228, 40, 0.5),
    0 0 9px rgba(12, 63, 115, 0.16);
  opacity: 0;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  [data-pkv-public-nav="true"].pkv-public-nav-link:not(.is-pkv-active):not([aria-current="page"]):hover::before,
  [data-pkv-public-nav="true"].pkv-public-nav-link:not(.is-pkv-active):not([aria-current="page"]):focus-visible::before {
    opacity: 1;
    animation: pkv-nav-kitt-scanner 1.55s ease-in-out infinite alternate;
  }
}

@keyframes pkv-nav-kitt-scanner {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% - 30px);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-pkv-public-nav="true"].pkv-public-nav-link::after {
    transition: none;
  }

  [data-pkv-public-nav="true"].pkv-public-nav-link:not(.is-pkv-active):not([aria-current="page"]):hover::before,
  [data-pkv-public-nav="true"].pkv-public-nav-link:not(.is-pkv-active):not([aria-current="page"]):focus-visible::before {
    left: 50%;
    opacity: 0.85;
    animation: none;
    transform: translateX(-50%);
  }
}