/* SiteWarp Canvas — dezente Navbar-Modernisierung (Schatten + Hover + aktive Sektion).
   Gescopt auf den Header der Canvas-Seite, damit der Markencharakter erhalten bleibt. */

/* Feiner Schatten unter der Leiste -> verleiht Tiefe, bleibt ruhig. */
.sw-canvas-body header {
  box-shadow: 0 1px 2px rgba(20, 40, 20, 0.05), 0 6px 18px rgba(20, 40, 20, 0.06);
}

/* Nav-Anker-Links: animierter Unterstrich bei Hover und auf der aktiven Sektion. */
.sw-canvas-body header a[href^="#"] {
  position: relative;
}
.sw-canvas-body header a[href^="#"]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 100%;
  background: currentColor;
  opacity: 0;
  transform: scaleX(0.2);
  transform-origin: left center;
  transition: opacity 0.2s ease, transform 0.25s ease;
  pointer-events: none;
}
.sw-canvas-body header a[href^="#"]:hover::after,
.sw-canvas-body header a[href^="#"].sw-nav-active::after {
  opacity: 0.6;
  transform: scaleX(1);
}
.sw-canvas-body header a[href^="#"]:hover {
  opacity: 0.9;
}