/* UI locale — compact language dropdown */
.ui-locale-toggle {
  display: block;
  margin-top: 8px;
}

.ui-locale-toggle__select {
  display: block;
  width: 100%;
  max-width: 9.5rem;
  padding: 5px 28px 5px 8px;
  font-size: 12px;
  line-height: 1.3;
  font-family: inherit;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 6px;
  background-color: var(--surface, #fff);
  color: var(--text, #0f172a);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}

.ui-locale-toggle__select:focus {
  outline: 2px solid var(--primary, #2563eb);
  outline-offset: 1px;
}

/* Sidebar footer (light theme — matches .sidebar #fbfbfc) */
.sidebar .ui-locale-toggle {
  border-top: 1px solid var(--border, #e2e8f0);
  margin-top: 10px;
  padding-top: 10px;
}

.sidebar .ui-locale-toggle__select {
  max-width: none;
  background-color: var(--surface, #fff);
  border-color: var(--border, #e2e8f0);
  color: var(--text, #0f172a);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
}

.sidebar .ui-locale-toggle__select option {
  color: #0f172a;
  background: #fff;
}

/* Mobile topbar — minimal footprint */
.mobile-topbar .ui-locale-toggle {
  margin: 0;
  flex-shrink: 0;
}

.mobile-topbar .ui-locale-toggle__select {
  width: auto;
  max-width: 6.5rem;
  padding: 4px 22px 4px 6px;
  font-size: 11px;
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' opacity='0.8' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
  background-position: right 6px center;
}

/* Marketing footer — beside tagline */
.marketing-footer__brand .ui-locale-toggle {
  margin-top: 10px;
}

.marketing-footer .ui-locale-toggle__select {
  max-width: 9rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' opacity='0.75' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
}

/* Profile settings card */
.card .ui-locale-toggle {
  margin-top: 0;
}

.card .ui-locale-toggle__select {
  max-width: 12rem;
}