/* Category sorting and pagination controls, matched to the cassette-futurist theme. */
.products-sort-order .select-title,
.brands-sort .select-title,
.suppliers-sort .select-title {
  color: var(--ms-ink, #f7efff);
  background: linear-gradient(180deg, rgba(44, 27, 70, .98), rgba(20, 12, 35, .98));
  border: 1px solid rgba(64, 247, 255, .65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 3px 3px 0 rgba(255, 77, 216, .18);
  transition: color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.products-sort-order .select-title:hover,
.products-sort-order .select-title:focus,
.products-sort-order.open .select-title,
.products-sort-order.show .select-title,
.brands-sort .select-title:hover,
.brands-sort .select-title:focus,
.suppliers-sort .select-title:hover,
.suppliers-sort .select-title:focus {
  color: #fff;
  background: linear-gradient(180deg, rgba(52, 31, 82, .99), rgba(24, 14, 41, .99));
  border-color: var(--ms-pink, #ff4dd8);
  box-shadow: 0 0 14px rgba(64, 247, 255, .2), 3px 3px 0 rgba(255, 77, 216, .24);
}

.products-sort-order .select-title .material-icons,
.brands-sort .select-title .material-icons,
.suppliers-sort .select-title .material-icons {
  color: var(--ms-cyan, #40f7ff);
}

.pagination .page-list {
  color: var(--ms-muted, #c9bbd8);
  background: linear-gradient(180deg, rgba(38, 23, 62, .97), rgba(16, 10, 28, .99));
  border: 1px solid rgba(64, 247, 255, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 3px 3px 0 rgba(255, 77, 216, .15);
}

.pagination .page-list a {
  color: var(--ms-muted, #c9bbd8);
}

.pagination .page-list a:hover,
.pagination .page-list a:focus {
  color: var(--ms-cyan, #40f7ff);
  text-shadow: 0 0 10px rgba(64, 247, 255, .45);
}

.pagination .page-list .current a {
  color: var(--ms-night, #0d081a);
  background: var(--ms-cyan, #40f7ff);
  box-shadow: 0 0 10px rgba(64, 247, 255, .35);
}