/* =========================================================
   WordPress-spezifische Ergaenzungen zum Design-System.
   Vendor assets/traumzeit.css bleibt pristine; alles WP-Glue hier.
   Wird NACH traumzeit.css geladen (functions.php Dependency).
   ========================================================= */

/* wp_nav_menu rendert <ul><li><a> — diese Shim bringt die Prototyp-Nav-Optik
   (flacher Flex-Row) auf die Menue-Liste und zieht den CTA-Pill auf das
   <li class="nav-cta"> (WP setzt die Menue-Item-Klasse aufs <li>, nicht aufs <a>). */
.nav ul{display:flex;align-items:center;gap:38px;list-style:none;margin:0;padding:0}
.nav li{position:relative}
.nav li a{font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:.04em;position:relative;padding:4px 0;white-space:nowrap}
.nav li a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:currentColor;transition:width .3s var(--ease)}
.nav li a:hover::after{width:100%}
/* nav-cta: WP setzt die Klasse aufs <li> — die Vendor-Regel .hdr .nav-cta wuerde
   dann einen zweiten Pill ums <li> zeichnen. <li> neutralisieren, Pill nur aufs <a>. */
.hdr li.nav-cta{border:0;padding:0}
.hdr li.nav-cta > a{border:1px solid currentColor;border-radius:999px;padding:9px 20px}
.hdr li.nav-cta > a::after{display:none}

/* Mobile-Drawer (Burger togglet .nav-open am Header) */
@media(max-width:900px){
  .hdr.nav-open .nav{display:block;position:absolute;top:100%;left:0;right:0;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px) saturate(1.1);padding:18px 22px;box-shadow:0 8px 24px rgba(40,30,20,.12)}
  .hdr.nav-open .nav ul{flex-direction:column;align-items:flex-start;gap:18px}
}

/* Footer 2-spaltig (Fix #5: Navigations-Spalte entfernt) */
.ft__top--2col{grid-template-columns:1.6fr 1fr}
@media(max-width:900px){ .ft__top--2col{grid-template-columns:1fr} }