/* ============================================================
   ACCSOFT — GOOGLE TRANSLATE WIDGET
   File: assets/css/translate.css
   Restricted to: English / සිංහල / தமிழ் only
   ============================================================ */

/* ── Wrapper in top bar ───────────────────────────────────── */
.translate-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  margin-left: 4px;
}

.translate-wrapper .translate-icon {
  display: flex;
  align-items: center;
  opacity: 0.55;
  flex-shrink: 0;
  pointer-events: none;
}

/* ── Google widget container ──────────────────────────────── */
#google_translate_element {
  display: flex;
  align-items: center;
  line-height: 1;
}

/* ── Hide Google branding ONLY — NOT the wrapper ─────────── */
/* WARNING: do NOT hide .skiptranslate — Google puts the
   dropdown INSIDE it. Hiding it removes the dropdown. */

.goog-te-gadget > span,
.goog-te-gadget > span a,
.goog-logo-link,
.goog-te-gadget-icon,
.goog-te-gadget img {
  display: none !important;
}

.goog-te-gadget {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* ── Style the dropdown select ────────────────────────────── */
.goog-te-combo {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: block !important;

  background-color: rgba(255,255,255,0.08) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba%28255%2C255%2C255%2C0.6%29' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 7px center !important;
  background-size: 9px !important;

  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 6px !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  line-height: 1 !important;

  padding: 4px 22px 4px 8px !important;
  min-width: 82px !important;
  height: 26px !important;
  cursor: pointer !important;
  outline: none !important;
  vertical-align: middle !important;
  transition: border-color 0.15s, background-color 0.15s !important;
}

.goog-te-combo:hover {
  border-color: rgba(255,255,255,0.5) !important;
  background-color: rgba(255,255,255,0.14) !important;
  color: #ffffff !important;
}

.goog-te-combo:focus {
  border-color: rgba(255,255,255,0.65) !important;
  background-color: rgba(255,255,255,0.16) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1) !important;
}

.goog-te-combo option {
  background: #1E4A1E !important;
  color: #ffffff !important;
  font-size: 12px !important;
}

/* ── Hide Google's top banner bar ─────────────────────────── */
/* Only hide the iframe banner, NOT .skiptranslate itself     */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

/* Fix body shift Google Translate causes */
body { top: 0 !important; }
body.translated-ltr,
body.translated-rtl {
  top: 0 !important;
  position: static !important;
}

/* ── Mobile — hide on small screens ──────────────────────── */
@media (max-width: 768px) {
  .translate-wrapper { display: none; }
}