/* Container for Translate button, widget, and content */
    
/* Container for Translate button, widget, and content */
.translate-container {
  display: flex;
  align-items: center;  /* Ensure vertical alignment of all items */
  gap: 5px;  /* Space between the button and the widget */
  flex-wrap: nowrap;  /* Ensure items stay on the same line */
}

/* Style for the Translate link (button) */
.translate-link {
  color: #007bff;
  font-size: 18px;
  text-decoration: none;
  padding: 10px;
  cursor: pointer;
  align-items: center;  
}

.translate-link:hover {
  background-color: #003869;  /* Keep dark blue */
  color: #FFD700;  /* Bright gold, or try white (#ffffff) */
}

/* Google Translate Widget Styling */
.google-translate-widget {
  display: none; /* Initially hidden */
  background-color: #003869; 
  color: #B12325; 
  padding: 2px 2px;  /* Smaller padding for compactness */
  border-radius: 8px;
  z-index: 1000; /* Ensure it stays on top of other elements */
  margin-left: 10px;  /* Space between the Translate button and widget */
  height: 25px;    
}
    
.goog-te-combo:hover, .goog-te-combo:focus {
  background-color: white; /* White background on hover */
  color: black; /* Black text on hover */
  border-color: #003869; /* Border color on hover */
}
    
    /* Ensure options in the dropdown are visible */
    
.goog-te-combo option {
  color: black !important;               /* or any color you'd like */
  background-color: white !important;    /* background for the dropdown options */
}



/* Customize the dropdown menu inside the widget */
.goog-te-combo {
  background-color: #003869; /* Dark blue background */
  color: white; /* White text for better visibility */
  font-size: 14px;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 160px;
  height: 25px; /* Adjust the height of the combo box */
  line-height: 25px; /* Align the text vertically in the combo box */
}

/* Remove Google branding */
#google_translate_element .goog-te-gadget-icon {
  display: none;
}

#google_translate_element .goog-te-gadget-simple {
  background-color: #A9A9A9;
  border-radius: 8px;
  color: #003869;
}

/* Content Styling: Keeps everything on the same line */
.content {
  display: inline-block;  /* Ensures content stays on the same line */
  vertical-align: middle; /* Align vertically with the button and widget */
}