/* ===================================================
   SUMMER CAPITAL MINIMALIST INLINE TOGGLE (中  EN)
   Adaptive Dark / Light Themes
   =================================================== */

/* Hide the old globe icon, caret, native select, and dropdown */
.framer-locale-picker label,
.framer-locale-picker select,
.framer-locale-picker .input,
.framer-locale-picker .sc-lang-dropdown {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* Base container adjustment */
.framer-locale-picker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 24px !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: default !important;
}

/* Theme variables: Light theme default */
.sc-lang-toggle,
.sc-lang-toggle.sc-theme-light {
  --sc-lang-active-color: #000000;
  --sc-lang-inactive-color: #9e9e9e;
  --sc-lang-hover-color: #222222;
}

/* Theme variables: Dark theme (Navy hero, black background, dark navbar) */
.framer-FOndJ[data-framer-name="Landing"] .sc-lang-toggle,
.framer-FOndJ.framer-v-1t5qbd5 .sc-lang-toggle,
.framer-FOndJ.framer-v-18hi2ir .sc-lang-toggle,
.framer-FOndJ.framer-v-umgy1w .sc-lang-toggle,
.framer-FOndJ.framer-v-dq0l0a .sc-lang-toggle,
.sc-lang-toggle.sc-theme-dark {
  --sc-lang-active-color: #ffffff;
  --sc-lang-inactive-color: rgba(255, 255, 255, 0.6);
  --sc-lang-hover-color: #ffffff;
}

/* The inline toggle container */
.sc-lang-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  padding: 2px 0 !important;
}

/* Individual language buttons */
.sc-lang-btn {
  all: unset !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 15px !important;
  line-height: 1 !important;
  color: var(--sc-lang-inactive-color) !important;
  font-weight: 400 !important;
  opacity: 0.9 !important;
  transition: color 0.18s ease, opacity 0.18s ease !important;
  padding: 2px 0 !important;
  box-sizing: border-box !important;
}

/* Hover on inactive button */
.sc-lang-btn:hover {
  color: var(--sc-lang-hover-color) !important;
  opacity: 1 !important;
}

/* Active button: solid prominent color (White on dark, Black on light) */
.sc-lang-btn.active {
  color: var(--sc-lang-active-color) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  cursor: default !important;
}

/* Focus styles for keyboard accessibility */
.sc-lang-btn:focus-visible {
  outline: 1px dotted var(--sc-lang-active-color) !important;
  outline-offset: 2px !important;
}