/* Google Translate corner badge (shared by every non-admin layout). Uses Google's
   native <select> so the full language list scrolls natively, incl. on touch. */
body { top: 0 !important; }
body > .skiptranslate { display: none !important; }
.gt-corner { position: fixed; right: 12px; top: var(--gt-top, 12px); z-index: 60; }
.google-translate-widget {
  display: block; max-width: 190px;
  background: rgba(10,18,32,.92); border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px; padding: 6px 8px; box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.google-translate-widget .goog-te-gadget { font-family: inherit; font-size: 10px; line-height: 1.2; color: #94a3b8; }
.google-translate-widget .goog-te-gadget a { color: #94a3b8 !important; text-decoration: none; }
.google-translate-widget .goog-te-gadget .goog-te-combo {
  display: block; width: 100%; margin: 0 0 4px; font-size: 13px; color: #e2e8f0;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15);
  border-radius: 6px; padding: 6px 8px;
}
.google-translate-widget .goog-te-combo option { color: #111; background: #fff; }
/* Inline (header bar) variant: just the select, no stacked attribution. */
.gt-inline .google-translate-widget { padding: 0; background: none; border: 0; box-shadow: none; max-width: 150px; }
.gt-inline .goog-te-gadget { font-size: 0 !important; }
.gt-inline .goog-te-gadget > span { display: none !important; }
.gt-inline .goog-te-gadget .goog-te-combo { margin: 0; padding: 5px 8px; font-size: 13px; }
@media (max-width: 640px) { .google-translate-widget { max-width: 150px; } }