/* GLOBAL FIXES */
html,
body {
  width: 100%;
  overflow-x: hidden !important;
  position: relative;
}

/* Stop Google Translate pushing body down */
body {
  top: 0 !important;
}
.goog-te-banner-frame {
  display: none !important;
}
.skiptranslate > iframe {
  display: none !important;
}

/* Hide the widget visually but keep it functional so Google can drive translation */
#gt-hidden-container {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ========================
   CUSTOM TRANSLATE PILL
   ======================== */
#gt-pill {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border-radius: 9999px;
  background: rgba(20, 0, 18, 0.85);
  border: 1px solid rgba(236, 72, 153, 0.35);
  color: #f9a8d4;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 4px 20px rgba(236, 72, 153, 0.15);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
  white-space: nowrap;
}

#gt-pill:hover {
  transform: translateY(-2px);
  border-color: rgba(236, 72, 153, 0.7);
  box-shadow: 0 8px 28px rgba(236, 72, 153, 0.28);
  color: #fff;
}

#gt-pill svg {
  flex-shrink: 0;
  opacity: 0.85;
}

@media (max-width: 640px) {
  #gt-pill {
    bottom: 14px;
    left: 14px;
    padding: 8px 13px;
    font-size: 11px;
  }
}

/* Language clone dropdown option colours */
#gt-lang-clone option {
  background: #1a0018;
  color: #fff;
}

/* Reverted custom profile color overrides — grayscale on hover handled by Tailwind classes */