/* 2SELL controlled theme recipe. Adapted from ThemeToggle and dropdown references. */
.sell-theme-control { position: relative; display: inline-flex; font-family: var(--via-font); }
.sell-theme-control__trigger {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 34px; padding: 6px 10px; border-radius: 999px;
  border: 1px solid var(--via-border-soft); background: var(--via-navy-04);
  color: var(--via-text-primary); font: 500 13px/1 var(--via-font); letter-spacing: -.006em;
  cursor: pointer; transition: background .22s ease, border-color .22s ease, transform .2s ease;
}
.sell-theme-control__trigger:hover:not(:disabled) {
  background: var(--via-navy-08); border-color: var(--via-navy-18); transform: translateY(-1px);
}
.sell-theme-control__trigger:active:not(:disabled) { transform: translateY(0) scale(.98); }
.sell-theme-control__trigger:disabled { opacity: .45; cursor: not-allowed; }
.sell-theme-control__chevron { transition: transform .22s ease; }
.sell-theme-control__trigger[aria-expanded="true"] .sell-theme-control__chevron { transform: rotate(180deg); }
.sell-theme-control__menu {
  position: absolute; z-index: 50; top: calc(100% + 8px); right: 0;
  width: 184px; max-width: calc(100vw - 32px); padding: 6px; border-radius: 14px;
  background: var(--via-glass-bar); border: 1px solid var(--via-border-soft);
  backdrop-filter: blur(26px) saturate(185%); -webkit-backdrop-filter: blur(26px) saturate(185%);
  box-shadow: 0 16px 40px var(--via-shadow-ink-20), inset 0 1px 0 var(--via-edge-hi);
  color: var(--via-text-primary);
}
.sell-theme-control__item {
  display: flex; align-items: center; gap: 9px; width: 100%; min-height: 36px;
  padding: 9px 10px; border: 0; border-radius: 10px; background: transparent;
  color: inherit; text-align: left; font: 500 13px/1.2 var(--via-font); cursor: pointer;
}
.sell-theme-control__item span { flex: 1; }
.sell-theme-control__item[aria-checked="true"] { background: var(--via-navy-06); }
.sell-theme-control__item:hover, .sell-theme-control__item:focus-visible { background: var(--via-navy-10); }
.sell-theme-control__item:active { background: var(--via-navy-14); }
.sell-theme-control :focus-visible { outline: 2px solid var(--via-text-primary); outline-offset: 3px; }
@media (pointer: coarse) {
  .sell-theme-control__trigger, .sell-theme-control__item { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .sell-theme-control__trigger, .sell-theme-control__chevron { transition: none; }
  .sell-theme-control__trigger:hover:not(:disabled), .sell-theme-control__trigger:active:not(:disabled) { transform: none; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .sell-theme-control__menu, .sell-theme-control__trigger {
    background: var(--via-surface); border-color: var(--via-text-muted);
    backdrop-filter: none; -webkit-backdrop-filter: none;
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .sell-theme-control__menu { background: var(--via-surface); }
}
