/* Example: Change dropdown background color */

.goog-te-gadget-simple {

  background-color: #f0f0f0 !important;

  border: none !important;

  padding: 8px 12px !important;

  border-radius: 4px !important;

}

 

/* Change language option text color */

.goog-te-menu-value span {

  color: #333 !important;

}

#custom-translate select {

  background-color: #f8f9fa;

  color: #333;

  border: 1px solid #ccc;

  border-radius: 6px;

  padding: 8px 12px;

  font-size: 14px;

  font-family: Arial, sans-serif;

  cursor: pointer;

  outline: none;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');

  background-repeat: no-repeat;

  background-position: right 10px center;

  background-size: 16px;

  transition: all 0.3s ease;

}



#custom-translate select:hover {

  border-color: #888;

  background-color: #eef2f5;

}



#custom-translate select:focus {

  border-color: #007bff;

  box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);

}