/* ═══════════════════════════════════════════
   nav.css — Navigation Styles
   ═══════════════════════════════════════════ */

#main-nav {
  position:fixed; top:0; left:0; right:0; z-index:998;
  padding:0 4rem; height:var(--nav-height);
  display:flex; align-items:center; justify-content:space-between;
  transition:all 0.5s ease; border-bottom:1px solid transparent;
}
#main-nav.transparent { background:transparent; }
#main-nav.solid {
  background:rgba(29,18,10,0.94);
  backdrop-filter:blur(20px) saturate(1.5);
  border-bottom-color:rgba(201,150,42,0.18);
  height:68px;
}

/* Logo */
.nav-logo { display:flex; flex-direction:column; line-height:1; cursor:pointer; }
.nav-logo-sup { font-family:var(--font-serif); font-size:0.68rem; font-weight:300; letter-spacing:0.35em; text-transform:uppercase; color:rgba(245,237,216,0.7); }
.nav-logo-main { font-family:var(--font-display); font-size:1.45rem; font-weight:400; font-style:italic; color:var(--gold-light); letter-spacing:0.02em; margin-top:0.1rem; }

/* Centre links */
.nav-center { display:flex; align-items:center; gap:0.25rem; }
.nav-center > li { position:relative; }
.nav-center > li > a,
.nav-center > li > span {
  font-family:var(--font-sans); font-size:0.72rem; font-weight:300; letter-spacing:0.18em; text-transform:uppercase;
  color:rgba(245,237,216,0.82); padding:0.5rem 1rem; display:block; cursor:pointer; transition:color 0.3s;
  position:relative;
}
.nav-center > li > a::after,
.nav-center > li > span::after {
  content:''; position:absolute; bottom:0; left:1rem; right:1rem;
  height:1px; background:var(--gold-light); transform:scaleX(0); transition:transform 0.3s;
}
.nav-center > li:hover > a,
.nav-center > li:hover > span { color:var(--gold-light); }
.nav-center > li:hover > a::after,
.nav-center > li:hover > span::after { transform:scaleX(1); }

/* Dropdown */
.nav-dropdown {
  position:absolute; top:calc(100% + 4px); left:0;
  background:rgba(25,16,8,0.97); backdrop-filter:blur(20px);
  border:1px solid rgba(201,150,42,0.15); border-top:2px solid var(--gold);
  min-width:220px; padding:0.5rem 0;
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:all 0.3s ease;
}
.nav-center li:hover .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.nav-dropdown a {
  display:block; padding:0.7rem 1.4rem;
  font-family:var(--font-sans); font-size:0.75rem; font-weight:300; letter-spacing:0.12em; text-transform:uppercase;
  color:rgba(245,237,216,0.7); transition:all 0.25s; border-left:2px solid transparent;
}
.nav-dropdown a:hover { color:var(--gold-light); background:rgba(201,150,42,0.08); border-left-color:var(--gold); padding-left:1.8rem; }

/* Right side */
.nav-right { display:flex; align-items:center; gap:1.5rem; }
.nav-cta-btn {
  font-family:var(--font-sans); font-size:0.72rem; font-weight:400; letter-spacing:0.2em; text-transform:uppercase;
  padding:0.6rem 1.8rem; border:1px solid var(--gold); color:var(--gold-light);
  background:transparent; transition:all 0.3s; cursor:pointer;
}
.nav-cta-btn:hover { background:var(--gold); color:var(--earth); }

/* Hamburger */
.hamburger { display:none; flex-direction:column; gap:6px; cursor:pointer; padding:0.5rem; }
.hamburger span { display:block; width:26px; height:1px; background:var(--cream); transition:all 0.3s; }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

@media (max-width:1000px) {
  #main-nav { padding:0 2rem; }
  .nav-center, .nav-cta-btn { display:none; }
  .hamburger { display:flex; }
}