/* Site search — maps the montlewis_search app's --mls-* hooks onto the 2026 tokens
   and places the trigger in the header. Base styles come from
   /perch/addons/apps/montlewis_search/assets/search.css (loaded just before this). */
:root {
  --mls-bg: var(--bg-elev);
  --mls-fg: var(--ink);
  --mls-muted: var(--ink-3);
  --mls-accent: var(--accent);
  --mls-accent-fg: var(--accent-ink);
  --mls-border: var(--rule);
  --mls-mark-bg: color-mix(in oklab, var(--gold) 35%, transparent);
  --mls-radius: 2px;
  --mls-font: "Inter", "Helvetica Neue", Arial, sans-serif;
  --mls-overlay-backdrop: rgba(21, 24, 28, 0.6);
  --mls-z: 1200; /* above .nav-drawer and the mini-cart */
}

.mls-result__title { font-family: "Playfair Display", "Times New Roman", serif; font-weight: 500; letter-spacing: -0.01em; }
.mls-input { font-family: "Source Serif 4", Georgia, serif; }

/* Header trigger sits with Sign in / Cart */
.nav-search-trigger { font-family: "Inter", sans-serif; font-size: 14px; font-weight: 500; color: var(--ink); }
@media (max-width: 900px) { .nav-search-trigger .mls-trigger__label { display: none; } }

/* Drawer trigger: full-width row like the accordion heads, without their JS */
.nav-drawer-item--search { padding: 6px 0; }
.nav-drawer-search-trigger { width: 100%; justify-content: flex-start; padding: 12px 0; font-family: "Playfair Display", serif; font-size: 20px; color: var(--ink); }