/* Stiluri optimizate pentru Google Translate */

/* Containerul principal */
.translate-container {
  float: right;
  text-align: right;
  margin-top: 5px;
  width: auto;
  min-width: 160px;
  max-width: 200px;
  z-index: 1000;
  position: relative;
}

/* Stilizare pentru elementele Google Translate */
.goog-te-gadget {
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  color: #555 !important;
  white-space: nowrap;
  line-height: 1.5;
}

/* Stilizare dropdown fără proprietăți problematice */
.goog-te-gadget .goog-te-combo {
  margin: 4px 0 !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  border: 1px solid #ddd !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 12px !important;
  outline: none !important;
  width: 160px !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  /* Fix pentru dropdown - eliminăm proprietățile care cauzează avertismente */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h8L8 4z'/%3E%3C/svg%3E") !important; 
  background-repeat: no-repeat !important;
  background-position: right 0.5em center !important;
  background-size: 8px !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Fix specific pentru diferite browsere */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .goog-te-gadget .goog-te-combo {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
}

/* Hover efect pentru dropdown */
.goog-te-gadget .goog-te-combo:hover {
  border-color: #aaa !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}

/* Focus efect pentru dropdown */
.goog-te-gadget .goog-te-combo:focus {
  border-color: #4d90fe !important;
  box-shadow: 0 1px 3px rgba(77,144,254,0.3) !important;
}

/* Ascunde text nedorit */
.goog-te-gadget-simple span,
.goog-te-banner-frame,
.goog-te-menu-frame,
.goog-te-ftab-frame,
.goog-te-balloon-frame,
#goog-gt-,
.goog-te-balloon-frame {
  display: none !important;
}

/* Modificare pentru afișarea corectă a dropdown-ului - FIX pentru avertismentul galben */
.goog-te-gadget span {
  display: none !important;
}

/* Excepție pentru containerul dropdown-ului */
.goog-te-gadget span.goog-te-combo,
.goog-te-gadget span:empty,
.goog-te-gadget .goog-te-combo {
  display: inline-block !important;
}

/* Ascunde bara de top când traducerea e activă */
.goog-te-banner-frame {
  display: none !important;
  visibility: hidden !important;
}

/* Fix pentru body când Google Translate e activ */
body {
  top: 0 !important; 
  position: static !important;
}

/* Fix pentru popup-ul Google Translate */
.goog-te-menu-frame {
  box-shadow: 0 3px 8px 2px rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px !important;
}

/* Îmbunătățiri pentru accesibilitate */
.goog-te-gadget .goog-te-combo option {
  padding: 4px 8px !important;
}

/* Media query pentru ecrane mici */
@media (max-width: 768px) {
  .translate-container {
    margin-top: 3px;
  }
  
  .goog-te-gadget .goog-te-combo {
    width: 140px !important;
    font-size: 11px !important;
  }
}

/* Evită suprapunerile */
.nav-language-selector {
  z-index: 1000 !important;
}

/* Indicator de încărcare pentru containerul Google Translate */
#google_translate_element.loading {
  position: relative;
  min-height: 24px;
  min-width: 100px;
}

#google_translate_element.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #555;
  border-radius: 50%;
  animation: translateSpin 1s linear infinite;
}

@keyframes translateSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Prevent duplicate Google Translate elements */
body > div.skiptranslate:not(:first-of-type),
body > .goog-te-spinner-pos,
.goog-te-spinner-pos + .goog-te-spinner-pos {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Make sure only our specific container shows the Google Translate UI */
#google_translate_element {
  position: relative;
  z-index: 1000;
}

#google_translate_element .goog-te-gadget {
  display: block !important;
}

/* Previne propagarea stilurilor Google Translate în layout-ul paginii */
.skiptranslate {
  opacity: 0.99; /* Previne suprapunerea cu alte elemente */
}

/* Asigură că textul tradus nu afectează layout-ul */
.translated-text {
  word-break: normal !important;
  overflow-wrap: normal !important;
}