/* ── CANONICAL NAVBAR — loaded on all non-homepage pages ── */

/* ── Logo 3D fixes ── */
.nav-container .logo-face-back { display: none !important; }
.nav-container .logo-3d { animation: none !important; transform: none !important; }
.logo-face { position: absolute !important; top: 0 !important; left: 0 !important; }
.logo-spin-wrap { display: inline-flex !important; align-items: center !important; perspective: 280px !important; flex-shrink: 0 !important; }
.logo-3d { position: relative !important; width: 44px !important; height: 44px !important; }
.nav-container .logo-face g { fill: #000000 !important; }

/* ── Navbar shell ── */
header, .navbar {
  background: #ffffff !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  z-index: 10001 !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
}

/* ── Scrolled pill ── */
.navbar.scrolled {
  top: 12px !important;
  left: 18% !important;
  right: 18% !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: none !important;
}

/* ── Nav links ── */
.nav-links a,
.navbar .nav-links a,
.navbar.scrolled .nav-links a {
  color: #111111 !important;
  text-shadow: none !important;
}
.nav-links a:hover {
  color: #444444 !important;
  text-shadow: none !important;
}

/* ── Logo text ── */
.logo-main, .logo-tld,
a.logo .logo-main, a.logo .logo-tld,
.navbar .logo-main, .navbar .logo-tld,
nav .logo-main, nav .logo-tld {
  color: #111111 !important;
  text-shadow: none !important;
}
.logo-tld { color: #E8590C !important; }

/* ── CTA button ── */
.nav-cta,
.nav-links .nav-cta,
.navbar .nav-links a.nav-cta {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  box-shadow: none !important;
  border-radius: 100px !important;
  padding-left: 28px !important;
  padding-right: 20px !important;
}
.nav-cta:hover,
.nav-links .nav-cta:hover,
.navbar .nav-links a.nav-cta:hover {
  background: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* ── Instagram icon ── */
.nav-social a { color: #111111 !important; }
.nav-social a:hover { color: #444444 !important; }

/* ── Hamburger ── */
.hamburger span { background: #000000 !important; }

/* ── Dropdown ── */
.dropdown-toggle { color: #111111 !important; }
.dropdown-toggle::after { color: #111111 !important; }
.dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
  backdrop-filter: none !important;
}
.dropdown-menu a,
.dropdown-menu a:visited { color: #111111 !important; }
.dropdown-menu a:hover {
  background: rgba(0,0,0,0.05) !important;
  color: #111111 !important;
}

/* ── Mobile nav panel ── */
@media (max-width: 768px) {
  .nav-links {
    background: rgba(255,255,255,0.99) !important;
  }
  .nav-links a,
  .nav-links a:hover,
  .nav-links a:active { color: #111111 !important; }
  .nav-links .nav-cta,
  .nav-links .nav-cta:hover,
  .nav-links .nav-cta:active {
    background: #111111 !important;
    color: #ffffff !important;
  }
  .navbar:not(.scrolled) {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
  }
  .navbar.scrolled {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
  }
  .dropdown-menu {
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    background: rgba(0,0,0,0.03) !important;
  }
}