/* Nyara Stays — language switcher styles
 * Hides Google Translate's default banner/branding and provides the
 * monochrome globe dropdown that lives inside the primary nav. */

/* Kill Google's top banner + tooltip so it doesn't shove page content down.
 * Google Translate v2 uses obfuscated classnames (VIpgJd-…) for the banner
 * iframe; we hide by classic classnames AND by direct-child-of-body pattern
 * to stay resilient to future rename churn. NOTE: only the *banner* iframe
 * has non-zero height; other .skiptranslate iframes are hidden state
 * carriers that the widget needs — do not hide those. */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
}
html { margin-top: 0 !important; }
body { top: 0 !important; position: static !important; }
.goog-te-gadget { font-size: 0 !important; }
.goog-te-gadget > span,
.goog-te-gadget .goog-te-combo,
.goog-logo-link { display: none !important; }
font[style*="background-color"] { background: transparent !important; box-shadow: none !important; }

/* --- Globe dropdown ------------------------------------------------------ */
.lang-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-family: inherit;
}
.lang-switch__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}
.lang-switch__btn:hover { border-color: #fff; background: rgba(255, 255, 255, 0.12); }
.lang-switch__globe { opacity: 0.95; }
.lang-switch__code { font-weight: 500; }

/* When the nav has scrolled past the hero it flips to a light background,
 * so the switcher inherits the dark ink colour to stay legible. */
.nav.is-scrolled .lang-switch__btn {
  border-color: rgba(15, 15, 15, 0.18);
  color: var(--ink, #0f0f0f);
}
.nav.is-scrolled .lang-switch__btn:hover {
  border-color: currentColor;
  background: rgba(15, 15, 15, 0.05);
}

.lang-switch__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 220px;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  color: #0f0f0f;
  border: 1px solid rgba(15, 15, 15, 0.12);
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(15, 15, 15, 0.14);
  z-index: 1000;
}
.lang-switch__menu li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
  transition: background-color 120ms ease;
}
.lang-switch__menu li:hover { background: rgba(15, 15, 15, 0.05); }
.lang-switch__menu li[aria-selected="true"] { background: rgba(15, 15, 15, 0.08); font-weight: 500; }
.lang-switch__flag { font-size: 18px; line-height: 1; }
.lang-switch__label { flex: 1; }

/* In the mobile drawer the switcher sits as a full-width block. */
.lang-switch--drawer { display: block; margin: 16px 0 0; }
.lang-switch--drawer .lang-switch__btn { width: 100%; justify-content: center; }
.lang-switch--drawer .lang-switch__menu { left: 0; right: auto; width: 100%; }

/* Hide on very narrow screens where the burger takes over — we already
 * inject a copy into the drawer, so users still have access. */
@media (max-width: 760px) {
  .nav .lang-switch:not(.lang-switch--drawer) { display: none; }
}