.bali-language-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgb(255 255 255 / 22%);
  border-radius: 999px;
  background: rgb(0 0 0 / 18%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
  backdrop-filter: blur(12px);
}

header .container-lux > a:first-child {
  flex: 0 0 auto;
}

header .container-lux > a:first-child img {
  width: auto !important;
  min-width: 113px;
  max-width: none;
  height: 44px;
  flex: none;
  object-fit: contain;
  aspect-ratio: 1423 / 555;
}

header.bg-white .bali-language-switcher,
header[class*="bg-white"] .bali-language-switcher {
  border-color: rgb(0 0 0 / 10%);
  background: rgb(0 0 0 / 4%);
}

.bali-language-switcher button {
  min-width: 34px;
  border: 0;
  border-radius: 999px;
  padding: 7px 9px;
  background: transparent;
  color: rgb(255 255 255 / 72%);
  font: 600 10px/1 Poppins, sans-serif;
  letter-spacing: .12em;
  cursor: pointer;
  transition: color .25s ease, background-color .25s ease, transform .25s ease;
}

header.bg-white .bali-language-switcher button,
header[class*="bg-white"] .bali-language-switcher button {
  color: rgb(0 0 0 / 58%);
}

.bali-language-switcher button:hover {
  transform: translateY(-1px);
}

.bali-language-switcher button[aria-pressed="true"] {
  background: var(--gold);
  color: #111;
}

@media (max-width: 639px) {
  .bali-language-switcher {
    padding: 2px;
  }

  .bali-language-switcher button {
    min-width: 30px;
    padding: 6px 7px;
    font-size: 9px;
  }
}

@media (min-width: 768px) {
  header .container-lux > a:first-child img {
    min-width: 123px;
    height: 48px;
  }
}

/* The complete desktop navigation only fits cleanly from 1280 px upward. */
@media (min-width: 1024px) and (max-width: 1279px) {
  header .container-lux > nav {
    display: none !important;
  }

  header .container-lux > div:last-child > button[aria-label="Toggle menu"] {
    display: block !important;
  }
}