/* Inline block where the component is placed */
.translator-client-inline {
  display: inline-block;
  font: 14px/1.2 Arial, sans-serif;
}
.translator-switch {
  /* padding: 6px 8px; */
  display: flex;
  gap: 6px;
}
.translator-lang {
  border: 0;
  background: #f5f5f5;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.translator-lang.active {
  background: #e0e0e0;
}
.translator-attrib {
  margin-top: 4px;
  color: #888;
  font-size: 11px;
}

/* Hide Google dropdown/baner but keep container for API */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

.goog-te-gadget .goog-te-combo {
  display: none !important;
}
#google_translate_element {
  height: 0;
  overflow: hidden;
}

/* Floating panel */
.translator-float {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 2147483647;
}
.translator-float.hidden {
  display: none;
}
.translator-float__inner {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 8px 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.translator-disable {
  border: 0;
  background: #ef5350;
  color: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .translator-float {
    left: 0px;
    bottom: 65px;
  }
}