/* ===================================================
   Ciprian International Aid - Multilingual Styles
   =================================================== */

.lang-selector {
  position: relative;
  display: inline-block;
  margin-right: 12px;
}

.btn-lang-toggle {
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 30px;
  padding: 4px 14px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  transition: all 0.25s ease;
  line-height: 1.4;
  text-decoration: none !important;
}

.btn-lang-toggle:hover,
.btn-lang-toggle:focus {
  background: rgba(255, 199, 0, 0.2);
  border-color: #FFC700;
  color: #FFC700 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.lang-dropdown-menu {
  background: #151D2A !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  min-width: 230px !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.5) !important;
  z-index: 99999 !important;
}

.lang-dropdown-menu .dropdown-header {
  color: #8E9BAE;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 6px 12px 4px;
}

.lang-item {
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  cursor: pointer;
}

.lang-item:hover {
  background: rgba(255, 199, 0, 0.15) !important;
  color: #FFC700 !important;
  transform: translateX(4px);
}

.lang-item.active {
  background: rgba(255, 199, 0, 0.25) !important;
  color: #FFC700 !important;
  font-weight: 700 !important;
}

.lang-item .check-icon {
  margin-left: auto;
  color: #FFC700;
  display: none;
}

.lang-item.active .check-icon {
  display: inline-block;
}

/* Hide Google Translate Frame and Toolbars for Seamless Native UI */
.goog-te-banner-frame.skiptranslate,
#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
  visibility: hidden !important;
}

body {
  top: 0px !important;
  position: static !important;
}

.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
}

.goog-text-highlight {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.skiptranslate > iframe {
  display: none !important;
}

#google_translate_element {
  display: none !important;
}