/* Translate menu in the top bar (home-assets/js/translate.js). Uses the search button's look (search.css). */
.nav-lang{position:relative;flex-shrink:0;}
.nav-lang-btn{
  height:40px;min-width:40px;padding:0 11px;cursor:pointer;gap:6px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line-2,rgba(28,26,21,.26));border-radius:100px;background:transparent;color:var(--ink,#1c1a15);
  font:600 12px/1 var(--mono,monospace);letter-spacing:.04em;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.nav-lang-btn:hover{background:var(--white,#f2efe3);}
.nav-lang-btn[aria-expanded="true"]{background:var(--ink,#1c1a15);border-color:var(--ink,#1c1a15);color:var(--white,#f2efe3);}
.nav-lang:not(.is-translated) .nav-lang-code{display:none;}
.nav-lang:not(.is-translated) .nav-lang-btn{padding:0;width:40px;}
.nav-lang-list{
  position:absolute;right:0;top:calc(100% + 10px);z-index:70;width:236px;margin:0;padding:8px;list-style:none;
  background:var(--white,#f2efe3);border:1px solid var(--line,rgba(28,26,21,.14));border-radius:14px;
  box-shadow:0 18px 30px rgba(28,26,21,.14);
}
.nav-lang-list[hidden]{display:none;}
.nav-lang-list button{
  display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:10px;
  padding:9px 12px;border:0;border-radius:9px;background:none;cursor:pointer;text-align:left;
  font:500 14.5px/1.2 var(--sans,inherit);color:var(--ink,#1c1a15);
}
.nav-lang-list button small{font-size:12px;color:var(--ink-soft,#5d5a50);font-weight:400;}
.nav-lang-list button:hover,.nav-lang-list button:focus-visible{background:var(--cream,#d6d3c2);outline:none;}
.nav-lang-list button[aria-current="true"]{background:var(--ink,#1c1a15);color:var(--white,#f2efe3);}
.nav-lang-list button[aria-current="true"] small{color:inherit;opacity:.7;}
.nav-lang-list .nav-lang-orig{border-bottom:1px solid var(--line,rgba(28,26,21,.14));border-radius:9px 9px 0 0;margin-bottom:4px;}
.nav-lang-note{padding:8px 12px 4px;font-size:11.5px;line-height:1.4;color:var(--ink-soft,#5d5a50);}

/* Google's own bar, tooltips and highlights: hidden (the menu above replaces them) */
.gt-holder{display:none;}
body{top:0 !important;}
body > .skiptranslate,iframe.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none !important;}
.goog-text-highlight{background:none !important;box-shadow:none !important;}
font[style*="vertical-align"]{background:none !important;box-shadow:none !important;}

/* Phones: no globe in the top bar (no room); "Translate" is a line in the menu and the list opens across the screen */
.nav-lang-li{display:none;}
@media(max-width:520px){
  .nav-lang-btn{display:none;}
  .nav-lang-li{display:block;}
  .nav-links.is-open{max-height:420px;}
  .nav-lang-list{position:fixed;left:16px;right:16px;top:76px;width:auto;}
}

/* The top bar (brand, menu, button) stays in English (translate="no" in the pages): translated words run
   longer and would push it onto two lines. */