
.navbar { background: rgba(44, 26, 14, 0.96); border-bottom: 1px solid rgba(196, 154, 108, 0.16); position: sticky; top: 0; z-index: var(--z-nav); transition: background var(--transition-base), box-shadow var(--transition-base); }
.navbar.scrolled { box-shadow: 0 10px 30px rgba(44, 26, 14, 0.22); }
.nav-container { align-items: center; display: flex; gap: var(--space-6); height: 76px; justify-content: space-between; margin: 0 auto; max-width: var(--container-max); padding: 0 var(--side-padding); }
.nav-logo { align-items: center; color: var(--color-parchment); display: flex; gap: var(--space-3); text-decoration: none; }
.nav-logo-icon { filter: drop-shadow(0 6px 18px rgba(196, 154, 108, 0.2)); }
.nav-logo-text { display: grid; line-height: 1.05; }
.nav-logo-name { color: var(--color-parchment); font-family: var(--font-display); font-size: 1.25rem; }
.nav-logo-sub { color: var(--color-tan); font-family: var(--font-ui); font-size: 0.56rem; font-weight: 700; letter-spacing: var(--tracking-widest); text-transform: uppercase; }
.nav-links { align-items: center; display: flex; gap: var(--space-1); }
.nav-link { color: rgba(245, 236, 217, 0.78); display: inline-flex; font-family: var(--font-ui); font-size: 0.78rem; font-weight: 600; letter-spacing: var(--tracking-wide); padding: 10px 12px; text-decoration: none; text-transform: uppercase; }
.nav-link:hover, .nav-link.is-active { color: var(--color-tan); }
.nav-link--language { color: var(--color-sand); white-space: nowrap; }
.nav-dropdown { position: relative; }
.nav-dropdown-menu { background: var(--color-parchment); border: 1px solid var(--color-sand); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); left: 0; list-style: none; min-width: 240px; opacity: 0; padding: var(--space-2) 0; position: absolute; top: calc(100% + 8px); transform: translateY(-6px); transition: opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base); visibility: hidden; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { opacity: 1; transform: translateY(0); visibility: visible; }
.nav-dropdown-menu a { color: var(--color-walnut); display: block; font-family: var(--font-ui); font-size: 0.86rem; padding: 10px 16px; text-decoration: none; }
.nav-dropdown-menu a:hover { background: var(--color-linen); color: var(--color-caramel); }
.nav-cta { flex-shrink: 0; padding: 12px 18px; }
.nav-hamburger { display: none; height: 44px; position: relative; width: 44px; }
.hamburger-line { background: var(--color-parchment); display: block; height: 2px; margin: 6px auto; transition: transform var(--transition-base), opacity var(--transition-base); width: 24px; }
.nav-hamburger.is-open .hamburger-line:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav-hamburger.is-open .hamburger-line:nth-child(2) { opacity: 0; }
.nav-hamburger.is-open .hamburger-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.mobile-menu { background: var(--color-espresso); border-top: 1px solid rgba(196, 154, 108, 0.16); display: none; max-height: calc(100vh - 76px); overflow-y: auto; padding: var(--space-4) var(--side-padding-sm) var(--space-8); }
.mobile-menu.is-open { display: block; }
.mobile-links a, .mobile-section-label { display: block; font-family: var(--font-ui); padding: 12px 0; text-decoration: none; }
.mobile-links a { border-bottom: 1px solid rgba(196, 154, 108, 0.12); color: rgba(245, 236, 217, 0.82); }
.mobile-section-label { color: var(--color-tan); font-size: 0.72rem; font-weight: 700; letter-spacing: var(--tracking-widest); text-transform: uppercase; }
.mobile-cta-link { color: var(--color-tan) !important; font-weight: 700; }
body.menu-open { overflow: hidden; }
@media (max-width: 980px) {
  .nav-container { padding: 0 var(--side-padding-sm); }
  .nav-links, .nav-cta { display: none; }
  .nav-hamburger { display: block; }
}
