/* Scoped polish for the public market directory hero. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) {
  box-shadow: none !important;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) > div.max-w-7xl {
  padding-top: 1.2rem;
  padding-bottom: 1rem;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) h1 {
  max-width: 56rem;
  font-size: clamp(2rem, 3.2vw, 2.8rem) !important;
  font-weight: 600 !important;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) div.mb-6:has(> h1) {
  margin-bottom: 1rem;
}

/* Modern, warm-white search and filter treatment.
 * Keep structure and behaviour unchanged; reduce the blue-grey chrome and visible outlines. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls {
  border-color: #f0ede8 !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(24, 28, 34, 0.045) !important;
}

/* The four desktop filter cards should read as clean content blocks rather than boxed panels. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls > div.grid > div {
  border-color: transparent !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Search, selects and market-type trigger: almost borderless, with a soft warm surface. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls input[type="text"],
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls select,
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls button[aria-haspopup="menu"] {
  border-color: transparent !important;
  background: #faf9f7 !important;
  box-shadow: inset 0 0 0 1px rgba(34, 40, 49, 0.045) !important;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls input[type="text"]:hover,
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls select:hover,
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls button[aria-haspopup="menu"]:hover {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(34, 40, 49, 0.085) !important;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls input[type="text"]:focus,
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls select:focus,
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls button[aria-haspopup="menu"]:focus {
  border-color: transparent !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(232, 93, 4, 0.42), 0 0 0 3px rgba(232, 93, 4, 0.08) !important;
}

/* Near-me and secondary filter controls: filled surfaces instead of outlined pills. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls button:not([style]):not([aria-haspopup="menu"]) {
  border-color: transparent;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls button:not([style]):not([aria-haspopup="menu"]):hover {
  border-color: transparent;
}

/* Feature chips are intentionally flat: a subtle warm fill replaces the old silver rings. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls div.border-t button.rounded-full,
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls div.flex.flex-wrap.gap-2 > button.rounded-full {
  border-color: transparent !important;
  background: #f8f7f5 !important;
  box-shadow: none !important;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls div.border-t button.rounded-full:hover,
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls div.flex.flex-wrap.gap-2 > button.rounded-full:hover {
  background: #f2f0ed !important;
}

/* Selected filters use a crisp dark state instead of the old pink/red pastel tint. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls div.border-t button.rounded-full.text-\[\#9C4713\],
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls div.flex.flex-wrap.gap-2 > button.rounded-full.text-\[\#9C4713\] {
  background: #172033 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* More-features panel and separators: warm, very low-contrast neutrals. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls .bg-\[\#f8fafc\] {
  background: #faf9f7 !important;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls .border-\[\#e5eaf0\],
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls .border-\[\#edf0f3\] {
  border-color: #f1eee9 !important;
}

/* Trader directory is navigation, not an active market-type filter. */
div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) a[href="/traders"] {
  border-color: #ebe7e2 !important;
  background: #ffffff !important;
  color: #475467 !important;
  box-shadow: none !important;
}

div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) a[href="/traders"]:hover {
  border-color: #e85d04 !important;
  color: #c64d03 !important;
}

@media (max-width: 767px) {
  div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) > div.max-w-7xl {
    padding-top: 1rem;
    padding-bottom: 0.9rem;
  }

  div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) h1 {
    font-size: 2rem !important;
    line-height: 1.1;
  }

  div.border-b.border-slate-200.bg-white.shadow-sm:has(.md-market-browse-controls) .md-market-browse-controls {
    border-color: #f0ede8 !important;
  }
}