/* styles.css
   Google Translate styling — reduced width
*/

/* Remove outer translator border/background/padding */
#google_translate_element,
#google_translate_element .goog-te-gadget,
#google_translate_element .goog-te-gadget-simple {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Container sizing (reduced) */
#google_translate_element {
  display: inline-block;
  max-width: 160px;    /* keep a reasonable upper bound */
  min-height: 36px;
  line-height: 1;
  vertical-align: middle;
}

/* Keep the select's own border and look; it will fill container width */
#google_translate_element select.goog-te-combo,
#google_translate_element select {
  width: 100% !important;
  padding: 7px 10px !important;
  border-radius: 6px !important;
  border: 1px solid #ccc !important;   /* select border preserved */
  background: #fff !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  appearance: menulist !important;
  font-size: 14px;
}

/* Ensure injected widget is visible even with strong resets */
#google_translate_element .goog-te-gadget,
#google_translate_element .goog-te-combo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide the "Powered by Google" link/logo */
.goog-logo-link { display: none !important; }
.goog-logo-link img { display: none !important; }

/* Hide the top banner iframe Google sometimes injects */
.goog-te-banner-frame.skiptranslate { display: none !important; }

/* Defensive: remove any gadget chrome */
.goog-te-gadget {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* If an iframe menu appears, give it a sensible min width */
iframe.goog-te-menu-frame {
  min-width: 180px !important;
}

/* Mobile adjustments */
@media (max-width: 420px) {
  #google_translate_element {max-width: 160px !important; }
  #google_translate_element select { font-size: 14px; padding: 8px; }
}