/* Google Translate styling */
.translate-container {
  display: inline-block;
  margin: 0 15px;
}

/* Hide Google branding */
.goog-logo-link, 
.goog-te-gadget span {
  display: none !important;
}

.goog-te-gadget {
  color: transparent !important;
}

/* Style the dropdown */
.goog-te-combo {
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
  font-size: 14px;
  min-width: 160px;
}

/* Add globe icon */
.translate-container::before {
  content: "🌐";
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}

/* Remove Google banner */
.goog-te-banner-frame {
  display: none !important;
}

body {
  top: 0 !important;
}

/* iPhone specific fixes */
@media only screen and (max-width: 480px) {
  /* Move translate container to the far left */
  .translate-container {
    position: absolute;
    left: 0;
    margin-left: 5px;
    margin-right: 0;
  }
  
  /* Make dropdown narrower */
  .goog-te-combo {
    width: 110px !important;
    min-width: 110px !important;
    font-size: 12px !important;
  }
  
  /* Critical fix for dropdown positioning */
  .goog-te-menu-frame {
    left: 0 !important;
    right: auto !important;
    position: fixed !important;
  }
  
  /* Make menu items fit on screen */
  .goog-te-menu2 {
    max-width: 100% !important;
    overflow-x: auto !important;
  }
  
  /* Adjust logo position to keep layout balanced */
  .logo-container {
    margin-left: 120px;
  }
}