/* AppPilot interface locale switcher */
.apppilot-locale-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: inherit;
}

.apppilot-locale-switcher::before {
  content: "Aa";
  position: absolute;
  left: 10px;
  z-index: 1;
  color: currentColor;
  font: 600 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  opacity: .72;
  pointer-events: none;
}

.apppilot-locale-switcher select {
  width: 132px;
  height: 36px;
  min-height: 36px;
  padding: 0 28px 0 34px;
  border: 1px solid rgba(128, 142, 132, .28);
  border-radius: 8px;
  background: rgba(18, 22, 19, .94);
  color: #f4f7f2;
  font: 500 12px/1.2 "Geist", Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}

.marketing-page .apppilot-locale-switcher select,
.auth-page .apppilot-locale-switcher select {
  background: #151916;
}

.marketing-page {
  overflow-x: clip;
}

.apppilot-locale-switcher select:focus-visible {
  outline: 2px solid #a8f04a;
  outline-offset: 2px;
}

.apppilot-locale-switcher .apppilot-locale-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.app-shell .workspace-actions > .apppilot-locale-switcher {
  margin-right: 2px;
}

.app-shell .mobile-menu-actions > .apppilot-locale-switcher {
  display: none;
}

@media (max-width: 800px) {
  .site-nav .apppilot-locale-switcher {
    width: 100%;
  }

  .site-nav .apppilot-locale-switcher select {
    width: 100%;
  }

  .auth-header > .apppilot-locale-switcher,
  .setup-header > .apppilot-locale-switcher {
    margin-left: auto;
  }

  .app-shell .workspace-actions > .apppilot-locale-switcher {
    display: none;
  }

  .app-shell .mobile-menu-actions > .apppilot-locale-switcher {
    display: inline-flex;
    width: 100%;
    margin-bottom: 6px;
  }

  .app-shell .mobile-menu-actions > .apppilot-locale-switcher select {
    width: 100%;
    height: 42px;
  }
}