/* Custom select (select.js; shared rules in base/select.css): rounded, burgundy accents, the chosen option on cream. */
.vt-select-button { font-size: 16px; }
.vt-select.is-open > .vt-select-button { border-color: var(--brand); box-shadow: 0 0 0 3px var(--accent-soft); }
.vt-select-panel { box-shadow: 0 16px 40px rgba(30, 27, 24, .14); }
.vt-select-option { font-size: 16px; border-radius: var(--radius-sm); }
.vt-select-option[aria-selected="true"] { background: var(--accent-soft); }
.vt-select-option[aria-selected="true"] .vt-select-check { color: var(--brand); }
.vt-select-backdrop { background: rgba(30, 27, 24, .45); }

/* Phones: the sort menu shares the title row with its "Sırala" caption (browse.css), so its value stays short. */
@media (max-width: 720px) {
  .sort-field .vt-select-button { max-width: 160px; }
}