.navbar {
  position: fixed;
  top: 0;
  inset-inline: 0;
  z-index: 100;
  padding: var(--space-4) 0;
  transition: all var(--duration-base) var(--ease-out);
}
.layout_pages.navbar{
    position: relative !important;
}
.navbar--scrolled {
  background: rgba(252, 243, 237, 0.95);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 1px 0 var(--color-line);
}

.navbar__inner {
  width: stretch;
  max-width: var(--max-w-content);
  margin-inline: auto;
  padding-inline: var(--space-5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

.navbar__logo {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.navbar__logo img {
  height: 40px;
  width: auto;
  transition: opacity var(--duration-base);
}
.layout_only.navbar:not(.navbar--scrolled) .navbar__logo--green { opacity: 0; pointer-events: none; position: absolute; }
.layout_only.navbar--scrolled .navbar__logo--white { opacity: 0; pointer-events: none; position: absolute; }

.navbar__links {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar__link {
  color: rgba(252,252,252,.85);
  text-decoration: none;
  font-size: var(--text-small);
  font-weight: 500;
  letter-spacing: -0.005em;
  transition: color var(--duration-fast);
}
.navbar--scrolled .navbar__link,.layout_pages .navbar__link { color: var(--color-ink-700); }
.navbar__link:hover { color: var(--color-gold-300); }
.navbar--scrolled .navbar__link:hover,.layout_pages .navbar__link { color: var(--color-green-700); }

.navbar__cta {
  padding: var(--space-2) var(--space-5);
  font-size: var(--text-small);
  font-weight: 600;
  background: var(--color-gold-500);
  color: var(--color-ink-900);
  border-radius: var(--radius-pill);
  text-decoration: none;
  transition: all var(--duration-base) var(--ease-out);
  white-space: nowrap;
}
.navbar__cta:hover {
  background: var(--color-gold-700);
  color: var(--color-white);
  transform: translateY(-1px);
}
.navbar__link .dropdown-menu {
    position: relative;
}

@media (max-width: 880px) {
  .navbar__links { display: none; }
}