/* FILTER-UI-TYPO 1.1.0. The grid belongs to sorting choices, never filters. */
body.lumina #solidres .ss-sort-ui {
  container:ss-sort-ui / inline-size; display:block !important; min-width:0;
  padding:1rem !important; margin:0 0 1.25rem !important;
  background:var(--lumina-color-surface,#fff) !important;
  border:1px solid var(--lumina-color-border,#e4dcd0) !important;
  border-radius:14px; box-shadow:none !important;
}
body.lumina #solidres .ss-sort-ui__label { margin-bottom:.75rem; color:var(--ss-ink,#183746); font:600 1rem/1.4 var(--ss-type-ui,system-ui,sans-serif); }
body.lumina #solidres .ss-sort-ui .navbar-toggler { display:none !important; }
body.lumina #solidres .ss-sort-ui .navbar-collapse { display:block !important; }
body.lumina #solidres .ss-sort-ui ul.navbar-nav {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.625rem !important;
  width:100%; min-width:0; padding:0 !important; margin:0 !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
  overflow:visible !important; list-style:none !important;
}
@container ss-sort-ui (min-width:36rem) {
  body.lumina #solidres .ss-sort-ui ul.navbar-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container ss-sort-ui (min-width:48rem) {
  body.lumina #solidres .ss-sort-ui ul.navbar-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@container ss-sort-ui (max-width:19rem) {
  body.lumina #solidres .ss-sort-ui ul.navbar-nav { grid-template-columns:minmax(0,1fr); }
}
body.lumina #solidres .ss-sort-ui ul.navbar-nav::before { content:none !important; display:none !important; }
body.lumina #solidres .ss-sort-ui ul.navbar-nav > li { margin:0 !important; min-width:0; }
body.lumina #solidres .ss-sort-ui ul.navbar-nav > li > a {
  display:flex !important; align-items:center !important; justify-content:space-between; gap:.5rem;
  width:100%; min-height:48px; height:100%; box-sizing:border-box;
  padding:.625rem .75rem !important; border-radius:9px !important;
  border:1px solid var(--lumina-color-border,#e4dcd0) !important;
  background:var(--ss-paper,#faf7f2) !important; color:var(--ss-ink,#183746) !important;
  font:600 .9375rem/1.4 var(--ss-type-ui,system-ui,sans-serif) !important;
  white-space:normal !important; overflow-wrap:anywhere; text-decoration:none !important;
}
body.lumina #solidres .ss-sort-ui ul.navbar-nav > li > a:is(:hover,:focus-visible) { border-color:var(--ss-copper,#a84f32) !important; color:var(--ss-copper-dark,#833b25) !important; }
body.lumina #solidres .ss-sort-ui ul.navbar-nav > li > a::after { flex-shrink:0; }
body.lumina #solidres .ss-sort-ui .dropdown-menu {
  max-width:min(20rem,calc(100vw - 3rem)) !important; min-width:0 !important;
}
body.lumina #solidres .ss-sort-ui .dropdown-item { white-space:normal !important; overflow-wrap:anywhere; }
/* Use the complete native desktop choice list on mobile too. Only its grid changes. */
body.lumina #solidres:has(.ss-sort-ui) .sortfilterbar-xs { display:none !important; }
@media(max-width:575.98px) {
  body.lumina #solidres .ss-sort-ui .dropdown-menu { position:static !important; transform:none !important; width:100% !important; }
}