/* Porsche Experience · Header-Akzente · Release 2026.10.2
   Rekonstruktion der urspruenglich vereinbarten Navigation:
   Home gold, Newsletter gold-pulsierend 2.2 s,
   Projekt dauerhaft gold leuchtend, Warenkorb rot-pulsierend 1.9 s.
   Keine Translation, Skalierung oder Layoutveraenderung.
   Diese CSS-Datei wird NACH header-stable.css geladen.
*/

/* Unaufgeregtes dauerhaftes Gold: Home und Projekt bleiben unterscheidbar. */
.site-header .main-nav a[href="index.html"],
.site-header .main-nav a[href="index.html"].nav-active {
  color: #251909 !important;
  background: linear-gradient(135deg, #f0d6a4 0%, #d8aa60 60%, #c69345 100%) !important;
  border-color: rgba(255,238,194,.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,234,.55), 0 3px 15px rgba(211,166,95,.32) !important;
}
.site-header .main-nav a[href="projekt.html"],
.site-header .main-nav a[href="projekt.html"].nav-active {
  color: #241809 !important;
  background: linear-gradient(135deg, #f1d299, #d8a860) !important;
  border-color: rgba(255,234,180,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,253,239,.60),
              0 0 15px rgba(242,196,116,.66),
              0 0 28px rgba(211,166,95,.33) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.20) !important;
  animation: none !important;
}
.site-header .main-nav a[href="projekt.html"]:hover,
.site-header .main-nav a[href="projekt.html"]:focus-visible {
  border-color: #fff1c4 !important;
  background: linear-gradient(135deg, #f8e0b4, #e6b86b) !important;
  box-shadow: 0 0 18px rgba(255,221,153,.85),
              0 0 35px rgba(233,178,82,.47) !important;
}

/* Newsletter: sichtbar goldener, WEICH pulsierender Leuchtrand.
   Absichtlich ::after: bestehende fest definierte Button-Geometrie
   und die aktive Seitenmarkierung bleiben stabil. */
.site-header .main-nav a[href="newsletter.html"],
.site-header .main-nav a[href="newsletter.html"].nav-active {
  color: #fff0c5 !important;
  background: linear-gradient(135deg, #4a3619, #2a2118) !important;
  border-color: #d9af63 !important;
  text-shadow: 0 0 5px rgba(255,220,151,.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,242,206,.20),
              0 0 12px rgba(236,184,83,.34) !important;
  animation: none !important;
}
.site-header .main-nav a[href="newsletter.html"]::after {
  content: "" !important;
  position: absolute !important;
  inset: -2px !important;
  z-index: 1 !important;
  border: 1px solid rgba(255,224,156,.70) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: transparent !important;
  opacity: .56;
  animation: peNewsletterGoldPulseR3 2.2s ease-in-out infinite !important;
}
@keyframes peNewsletterGoldPulseR3 {
  0%, 100% {
    opacity: .56;
    box-shadow: 0 0 6px rgba(248,204,117,.33),
                0 0 13px rgba(223,166,68,.22),
                inset 0 0 4px rgba(255,220,152,.06);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 13px rgba(255,225,157,.84),
                0 0 28px rgba(243,183,77,.68),
                0 0 40px rgba(214,154,58,.31),
                inset 0 0 12px rgba(252,212,137,.24);
  }
}
.site-header .main-nav a[href="newsletter.html"]:hover,
.site-header .main-nav a[href="newsletter.html"]:focus-visible {
  color: #fff7e5 !important;
  background: linear-gradient(135deg, #573c1b, #312519) !important;
  border-color: #ffe8b2 !important;
}

/* Warenkorb: genau 1.9 s roter Puls ohne Bewegung. */
.site-header .cart-highlight {
  background: linear-gradient(135deg, rgba(226,57,52,.40), rgba(226,57,52,.14)) !important;
  border-color: rgba(255,110,100,.75) !important;
  animation: peCartRedPulseR3 1.9s ease-in-out infinite !important;
}
@keyframes peCartRedPulseR3 {
  0%, 100% { box-shadow: 0 0 10px rgba(226,57,52,.24), 0 0 19px rgba(226,57,52,.10); }
  50% { box-shadow: 0 0 18px rgba(237,66,58,.57), 0 0 29px rgba(226,57,52,.32); }
}
.site-header .cart-highlight:hover,
.site-header .cart-highlight:focus-visible {
  animation-play-state: paused !important;
  box-shadow: 0 0 0 3px rgba(244,81,74,.17), 0 0 30px rgba(244,71,61,.56) !important;
}

/* Klare Orientierung fuer Tastatur-Navigation. */
.site-header .main-nav a:focus-visible,
.site-header .icon-link:focus-visible {
  outline: 2px solid #ffe4aa !important;
  outline-offset: 3px !important;
}

/* Die alte sichtbare Entwickler-Kennung 'UI-Fix 3.22' ist kein Besucherinhalt. */
@media (max-width: 1199px) {
  .site-header .nav-menu::after {
    content: none !important;
    display: none !important;
  }
  /* Das mobile Panel hat overflow-x:hidden: innerer Glow bleibt sichtbar. */
  .site-header .main-nav a[href="newsletter.html"]::after { inset: 1px !important; }
}

/* Der systemweite Ruhemodus hat Prioritaet vor allen Pulsanimationen. */
@media (prefers-reduced-motion: reduce) {
  .site-header .main-nav a[href="newsletter.html"]::after {
    animation: none !important;
    opacity: 1 !important;
    box-shadow: 0 0 12px rgba(255,218,145,.63),
                inset 0 0 9px rgba(249,202,117,.22) !important;
  }
  .site-header .cart-highlight {
    animation: none !important;
    box-shadow: 0 0 15px rgba(226,57,52,.40) !important;
  }
}