/* ============================================================================
   PassReady Prep — Translation widget (translate.css)
   Loaded site-wide (injected by server.js). Provides a floating language
   selector (bottom-right) driven by the Google Website Translate element, and
   suppresses Google's default top banner/gadget so only our own control shows.
   Namespaced under .prp-tr-* so it can't clash with page styles.
   ============================================================================ */

/* ---- Our language control ------------------------------------------------ */
.prp-tr{
  position:fixed; right:16px; bottom:16px; z-index:99998;
  display:flex; align-items:center; gap:8px;
  background:#0F172A; border:1px solid #334155; border-radius:999px;
  padding:7px 12px 7px 11px; box-shadow:0 6px 20px rgba(0,0,0,.35);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.prp-tr svg{ width:19px; height:19px; color:#34D399; flex:0 0 auto; }
.prp-tr label{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0; }
.prp-tr select{
  appearance:none; -webkit-appearance:none;
  background:transparent; color:#E2E8F0; border:0; font-family:inherit;
  font-size:14px; font-weight:600; cursor:pointer; padding:2px 18px 2px 2px; max-width:150px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2394A3B8' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 2px center;
}
.prp-tr select:focus-visible{ outline:2px solid #34D399; outline-offset:3px; border-radius:6px; }
.prp-tr select option{ background:#0F172A; color:#E2E8F0; font-weight:600; }
.prp-tr .prp-tr-attr{ font-size:10px; color:#64748B; margin-left:2px; white-space:nowrap; }
.prp-tr[data-unavailable="1"]{ display:none; }

/* keep the control readable when high-contrast accessibility mode is on */
html.a11y-contrast .prp-tr{ background:#000 !important; border:2px solid #fff !important; }
html.a11y-contrast .prp-tr select,
html.a11y-contrast .prp-tr .prp-tr-attr{ color:#fff !important; }
html.a11y-contrast .prp-tr svg{ color:#fff !important; }

/* ---- Suppress Google's default chrome ------------------------------------ */
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,
#goog-gt-tt, .goog-te-balloon-frame,
.goog-tooltip, .goog-tooltip:hover{ display:none !important; }
.goog-te-gadget{ height:0; overflow:hidden; font-size:0 !important; }
.goog-te-gadget .goog-te-combo{ margin:0; }
#google_translate_element{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
body{ top:0 !important; position:static !important; }
.goog-text-highlight{ background:none !important; box-shadow:none !important; }