/* ── PAUER Shared Nav ── */
/* Canonical source: nav.css — linked from every page */

.skip-link {
  position: absolute; top: -40px; left: 0;
  background: #FF5A00; color: #fff; padding: 8px 16px;
  z-index: 1000; transition: top 0.2s; text-decoration: none; font-size: 0.9rem;
}
.skip-link:focus { top: 0; }

.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  padding: 20px 24px;
  transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}
.nav.scrolled {
  background: rgba(8,8,8,0.92); backdrop-filter: blur(20px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.06); padding: 14px 24px;
}
.nav-inner { max-width: 1140px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.nav-logo img { display: block; height: 36px; width: auto; }
.nav-links { display: flex; align-items: center; gap: 32px; }
.nav-links a {
  color: rgba(255,255,255,0.7); text-decoration: none;
  font-size: 0.9rem; font-weight: 500;
  transition: color 0.3s ease;
}
.nav-links a:hover { color: #FFFFFF; }
.nav-cta {
  background: #FF5A00; color: #FFFFFF !important;
  padding: 10px 24px; border-radius: 8px;
  font-weight: 600; font-size: 0.9rem;
  transition: background 0.3s ease, transform 0.15s ease !important;
}
.nav-cta:hover { background: #e04e00 !important; transform: translateY(-1px); }

/* ── Mobile Nav ── */
.nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; z-index: 200; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: #fff; margin: 5px 0; transition: transform 0.3s ease, opacity 0.3s ease; }
.nav-toggle.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 6px); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -6px); }
@media (max-width: 768px) {
  .nav-toggle { display: flex; flex-direction: column; }
  .nav-inner { justify-content: space-between; }
  .nav-links {
    display: none;
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(8,8,8,0.97); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    flex-direction: column; align-items: center; justify-content: center; gap: 28px;
    z-index: 150;
  }
  .nav-links.open { display: flex; }
  .nav-links a { font-size: 20px; color: #E8E8E8; }
  .nav-links a:hover { color: #FF5A00; }
  .nav-cta { font-size: 16px !important; padding: 12px 28px !important; }
  .nav-logo img { height: 40px !important; }
}