:root {
  --sunkiss-menu-sun: #ffbd59;
  --sunkiss-menu-sun-dark: #e59a1f;
  --sunkiss-menu-text: #7a7a7a;
}

/* Match the primary-site header to the Insights header. */
#main-header {
  height: 80px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom-color: rgba(20, 45, 57, 0.08) !important;
  backdrop-filter: blur(16px);
}

#main-header > div {
  width: min(1180px, calc(100% - 48px));
  max-width: none !important;
  margin-inline: auto;
  padding-inline: 0 !important;
  gap: 22px;
}

#main-header img {
  width: auto;
  height: 48px !important;
}

#main-header nav.hidden {
  gap: 23px !important;
}

#main-header nav.hidden a {
  color: var(--sunkiss-menu-text) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-decoration: none;
  white-space: nowrap;
  transition: color 180ms ease;
}

#main-header nav.hidden a:hover,
#main-header nav.hidden a.text-bg-primary {
  color: var(--sunkiss-menu-sun-dark) !important;
}

#main-header > div > div {
  gap: 13px !important;
}

#main-header .language-switcher {
  gap: 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

#main-header .language-switcher [aria-current="page"] {
  color: var(--sunkiss-menu-sun-dark) !important;
}

#main-header .language-switcher + a[href$="reserve.html"] {
  box-sizing: border-box;
  height: 42px;
  padding: 0 18px !important;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: var(--sunkiss-menu-sun) !important;
  border-radius: 999px;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1;
  transition: background 180ms ease, transform 180ms ease;
}

#main-header .language-switcher + a[href$="reserve.html"]:hover {
  background: var(--sunkiss-menu-sun-dark) !important;
  transform: translateY(-1px);
}

#mobile-menu nav {
  gap: 20px !important;
}

#mobile-menu nav a {
  color: var(--sunkiss-menu-text) !important;
  font-size: 19px !important;
  font-weight: 650 !important;
  transition: color 180ms ease;
}

#mobile-menu nav a:hover,
#mobile-menu nav a[aria-current="page"] {
  color: var(--sunkiss-menu-sun-dark) !important;
}

#mobile-menu a[href$="reserve.html"] {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 42px;
  padding: 0 18px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1;
}

@media (max-width: 680px) {
  #main-header {
    height: 72px !important;
  }

  #main-header > div {
    width: min(100% - 32px, 1180px);
  }

  #main-header img {
    height: 43px !important;
  }
}