/* ════════════════════════════════════════════════════════════════════
   PDFZero — Site-wide Language Switcher
   Custom searchable picker that drives Google Translate.
   Uses each page's own CSS variables so it matches dark/light theme.
   ════════════════════════════════════════════════════════════════════ */

/* Hidden Google element — kept operable, just out of sight */
#google_translate_element{
  position:absolute!important;left:-9999px!important;top:-9999px!important;
  width:1px;height:1px;overflow:hidden;
}

/* Hide ALL Google chrome (banner, tooltip, highlight, body offset) */
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,.goog-te-gadget,.goog-tooltip,
#goog-gt-tt,.goog-te-balloon-frame{display:none!important;}
.goog-text-highlight{background:none!important;box-shadow:none!important;}
body{top:0!important;position:static!important;}
/* Google sometimes injects an iframe at top */
iframe.skiptranslate{display:none!important;visibility:hidden!important;}

/* ── Picker button (lives inside .nav-right) ── */
.lang-switch{position:relative;display:inline-flex;}
.lang-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 14px;border-radius:100px;
  background:var(--surface2,rgba(255,255,255,.05));
  border:1px solid var(--border2,var(--b2,rgba(255,255,255,.12)));
  color:var(--text,var(--t1,#f2f0fa));
  font-family:'Poppins',var(--display,sans-serif);
  font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s;
}
.lang-btn:hover{transform:translateY(-1px);border-color:var(--border3,var(--b3,rgba(255,255,255,.2)));}
.lang-btn .lang-globe{font-size:14px;line-height:1;}
.lang-btn .lang-caret{font-size:10px;opacity:.6;transition:transform .25s;}
.lang-switch.open .lang-caret{transform:rotate(180deg);}

/* ── Dropdown panel ── */
.lang-panel{
  position:absolute;top:calc(100% + 10px);right:0;z-index:10001;
  width:300px;max-width:calc(100vw - 32px);
  background:var(--surface,#101018);
  border:1px solid var(--border2,var(--b2,rgba(255,255,255,.12)));
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  padding:12px;
  opacity:0;transform:translateY(-8px) scale(.97);
  transform-origin:top right;pointer-events:none;
  transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);
}
.lang-switch.open .lang-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}

.lang-search-wrap{position:relative;margin-bottom:10px;}
.lang-search{
  width:100%;padding:11px 14px 11px 38px;border-radius:10px;
  background:var(--surface2,rgba(255,255,255,.05));
  border:1px solid var(--border2,var(--b2,rgba(255,255,255,.12)));
  color:var(--text,#f2f0fa);
  font-family:'Inter',sans-serif;font-size:13.5px;outline:none;
  transition:border-color .2s;
}
.lang-search:focus{border-color:var(--accent,#c8ff57);}
.lang-search::placeholder{color:var(--text3,var(--t3,rgba(242,240,250,.3)));}
.lang-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.5;pointer-events:none;}

.lang-list{max-height:320px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}
.lang-list::-webkit-scrollbar{width:8px;}
.lang-list::-webkit-scrollbar-thumb{background:var(--border2,rgba(255,255,255,.12));border-radius:8px;}
.lang-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 12px;border-radius:9px;cursor:pointer;
  font-family:'Inter',sans-serif;color:var(--text,#f2f0fa);
  transition:background .15s;
}
.lang-item:hover{background:var(--surface2,rgba(255,255,255,.06));}
.lang-item.active{background:var(--accent,#c8ff57);color:var(--accent-fg,#06060a);}
.lang-item.active .lang-en{color:var(--accent-fg,#06060a);opacity:.7;}
.lang-native{font-size:14px;font-weight:600;}
.lang-en{font-size:12px;color:var(--text2,var(--t2,rgba(242,240,250,.55)));}
.lang-check{font-size:12px;opacity:0;}
.lang-item.active .lang-check{opacity:1;}
.lang-empty{padding:18px 12px;text-align:center;color:var(--text3,rgba(242,240,250,.3));font-size:13px;}

/* Offline / engine-unavailable toast */
#langToast{
  position:fixed;right:24px;bottom:24px;z-index:10002;
  max-width:340px;padding:16px 18px;border-radius:14px;
  background:var(--surface,#101018);
  border:1px solid var(--border2,rgba(255,255,255,.14));
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  font-family:'Inter',sans-serif;font-size:13px;color:var(--text2,rgba(242,240,250,.7));
  transform:translateY(140%);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s;
}
#langToast.show{transform:translateY(0);opacity:1;}
#langToast b{color:var(--text,#f2f0fa);font-family:'Poppins',sans-serif;}

@media(max-width:520px){.lang-panel{position:fixed;right:12px;left:12px;width:auto;}}