/* Stable navigation and language-state colors.
   Keeps the Villa Dourada palette consistent when changing language,
   opening the mobile menu, clicking section links, or moving between hashes. */

.header,
.header.scrolled,
.header.menu-open,
.header.lang-open {
  color-scheme: light;
}

.header.menu-open::before,
.header.lang-open::before {
  opacity: 1;
  transform: translateY(0);
  background: rgba(253, 251, 247, .94);
  border-color: rgba(230, 216, 196, .72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.brand,
.header.scrolled .brand,
.header.menu-open .brand,
.header.lang-open .brand {
  color: var(--color-green);
}

.brand-text span,
.header.scrolled .brand-text span,
.header.menu-open .brand-text span,
.header.lang-open .brand-text span {
  color: var(--color-terracotta);
}

.nav-link,
.header.scrolled .nav-link,
.header.menu-open .nav-link,
.header.lang-open .nav-link {
  color: rgba(43, 37, 33, .76);
}

.nav-link:hover,
.nav-link:focus-visible,
.nav-link.is-active,
.nav-link[aria-current="true"],
.header.scrolled .nav-link:hover,
.header.scrolled .nav-link:focus-visible,
.header.scrolled .nav-link.is-active,
.header.scrolled .nav-link[aria-current="true"],
.header.menu-open .nav-link:hover,
.header.menu-open .nav-link:focus-visible,
.header.menu-open .nav-link.is-active,
.header.menu-open .nav-link[aria-current="true"],
.header.lang-open .nav-link:hover,
.header.lang-open .nav-link:focus-visible,
.header.lang-open .nav-link.is-active,
.header.lang-open .nav-link[aria-current="true"] {
  color: var(--color-terracotta);
}

.nav-link.is-active::after,
.nav-link[aria-current="true"]::after,
.nav-link:focus-visible::after {
  width: 100%;
}

.lang-btn,
.header.scrolled .lang-btn,
.header.menu-open .lang-btn,
.header.lang-open .lang-btn {
  color: var(--color-green);
  background: rgba(255, 255, 255, .88);
  border-color: var(--color-sand);
}

.lang-switcher.open .lang-btn,
.lang-btn:hover,
.lang-btn:focus-visible {
  color: var(--color-terracotta);
  background: var(--color-white);
  border-color: var(--color-terracotta);
}

.lang-dropdown {
  color: var(--color-text);
  background: var(--color-white);
}

.lang-item button {
  color: var(--color-text-light);
}

.lang-item button:hover,
.lang-item button:focus-visible {
  color: var(--color-terracotta);
  background: var(--color-bg-alt);
}

.lang-item.active button,
.lang-item button[aria-current="true"] {
  color: var(--color-green);
  background: var(--color-sand-light);
}

.nav-toggle span,
.header.scrolled .nav-toggle span,
.header.menu-open .nav-toggle span,
.header.lang-open .nav-toggle span {
  background-color: var(--color-green);
}

@media (max-width: 768px) {
  .nav-menu,
  .nav-menu.open {
    color: var(--color-text);
    background:
      radial-gradient(circle at 12% 8%, rgba(197, 154, 84, .14), transparent 18rem),
      linear-gradient(180deg, var(--color-bg), var(--color-bg-alt));
  }

  .nav-menu.open .nav-link {
    color: rgba(43, 37, 33, .82);
  }

  .nav-menu.open .nav-link:hover,
  .nav-menu.open .nav-link:focus-visible,
  .nav-menu.open .nav-link.is-active,
  .nav-menu.open .nav-link[aria-current="true"] {
    color: var(--color-terracotta);
  }
}
