/* ════════════════════════════════════════════════════════════════
   redesign.css — structural redesign additions, loaded after
   elevate.css. Currently: bolder, more confident header/nav
   treatment (Majestic-style nav bar), nothing else. New components
   only; no existing selector is touched.
   ════════════════════════════════════════════════════════════════ */

/* ---------- Header: bolder nav + CTA pill ---------- */
header{ padding:18px 32px; }
.brand{ font-family:'Space Grotesk',sans-serif; font-size:20px; }

nav.mainnav{ gap:6px; }
nav.mainnav a{
  font-size:12px; font-weight:600; letter-spacing:.1em;
  padding:9px 16px; border-radius:30px; transition:background .2s, color .2s;
}
nav.mainnav a::after{ display:none; } /* ersetzt durch Pill-Hintergrund statt Unterstrich */
nav.mainnav a:hover{ background:var(--card-glass); color:var(--text); }
nav.mainnav a.active{ background:var(--card); color:var(--orange); }

.lang-chip{
  display:inline-flex; align-items:center; gap:6px;
  font-family:'IBM Plex Mono',monospace; font-size:11.5px; font-weight:600;
  color:var(--text-dim); letter-spacing:.06em; padding:0 4px;
}
.lang-chip svg{ width:13px; height:13px; opacity:.7; }

.header-cta{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--grad-orange); color:#12130F; font-weight:700;
  font-size:12.5px; letter-spacing:.03em; padding:10px 20px; border-radius:30px;
  box-shadow:0 6px 18px rgba(255,122,41,.28);
  transition:transform .25s var(--ease-premium), box-shadow .25s var(--ease-premium);
}
.header-cta:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(255,122,41,.4), var(--glow-orange); }

@media (max-width:760px){
  .lang-chip{ display:none; }
}