/* NexDemo Polish: vintage (Wornwell Market, vintage.nexdirectory.com)
   Loaded after the plugin CSS, the layered Additional CSS and common.css.
   Brand: rust #B44E24, olive #6B6B2E, mustard #D9A520, pink #E7B7A3, ink #2A1E16, cream #FBF4E6 / #F6EEDC, paper #FFFBF3.
   Oswald caps for headings and buttons, Lora for text, pill buttons.

   Fixes in this file
    1. Tokens: cream canvas and warm brown neutrals on every plugin screen (was the plugin's cool grey #F7F8FB and slate text).
    2. Type: Lora on block pages and the read-only notice; Oswald caps on item and archive headings and on buttons, as on the home page.
    3. Header: hairline under the bar, menu moved to the right so the bar is not half empty.
    4. Footer: brand stripe, rust caps column titles, warm text.
    5. Archive hero: no dark strip above the photo, large caps heading, warm photo scrim, cream filter rail.
    6. Item page: caps title and section headings, rust eyebrow, pill Oswald buttons.
    7. Item page "Collection area" / "Location": a compact cream "approximate area" graphic instead of a dotted box that read as a failed map.
    8. Item page: "Good to know" raw field dump hidden (every row repeats "Item details" / "Delivery & returns" or is internal: Views, Quantity).
    9. Item page: location is no longer printed twice for private sellers.
   10. Item page "More like this": striped cream band like the home "Shop the rails" block.
   11. Home: phone hero shows search and both buttons on the first screen; the rust "List it free" band sits flush on the footer.
   12. Home furniture bento: readable card text over pale photos.
   13. Read-only notice (submit, login) and empty search card: warm paper card, no cool tint.
   Same rule in gear.css (candidates for common.css): the archive hero transform reset (5), the header menu alignment (3),
   the "approximate area" block geometry (7), the empty-search circle removal (13). Rules 8 and 9 would suit any marketplace demo.
*/

/* 1. Tokens. The plugin defines these on :root with a cool grey palette; the site's own :root rule loads earlier and loses. */
html:root {
  --nd-canvas: #FBF4E6;
  --nd-surface-2: #F6EEDC;
  --nd-line: #E6D8BE;
  --nd-line-strong: #D2BF9C;
  --nd-ink-2: #3E2E22;
  --nd-muted: #6F5A49;
  --nd-subtle: #A08B74;
  --nd-dark: #2A1E16;
  --nd-overlay: rgba(42, 30, 22, 0.55);
  --nd-btn-radius: 999px;
}

/* 2. Block pages (home, about, submit, login) inherited Manrope from the theme body. */
html body { font-family: Lora, Georgia, serif; }
/* Buttons: Oswald caps pills, as on the home page. */
html body .nd-btn { border-radius: 999px; font-family: Oswald, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; }
html body .nd-btn.nd-btn--primary, html body .nd-btn.nd-btn--primary:hover { box-shadow: none; }
html body .nds .nds-cta.nd-btn--lg { border-radius: 999px; }

/* 3. Header: same finish as the 404 header; menu sits on the right. */
html body .ndn { border-bottom: 1px solid #EADFC9; }
@media (min-width: 1024px) {
  html body .ndn .ndn-primary { margin-left: auto; flex: 0 1 auto; }
  /* the actions slot only holds the phone menu button here; drop it so the menu reaches the right edge */
  html body .ndn .ndn-actions:has(> .ndn-burger:only-child) { display: none; }
  /* dropdowns open towards the left now, so a closed panel never pushes the page wider than the screen */
  html body .ndn .ndn-dd > .ndn-panel { left: auto; right: -8px; transform-origin: top right; }
}

/* 4. Footer: brand stripe on top, rust caps titles (the plugin sets these with !important). */
html body .ndn-footer {
  border-top: 0 !important;
  background: linear-gradient(#E7B7A3 0 6px, #D9A520 6px 12px, #B44E24 12px 18px, transparent 18px) #FFFBF3 !important;
}
html body .ndn-footer .ndn-footer__title { font: 600 13px/1.3 Oswald, sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.16em !important; color: #B44E24 !important; }
html body .ndn-footer .ndn-footer__top-btn { font-family: Oswald, sans-serif !important; text-transform: uppercase; letter-spacing: 0.08em !important; border-color: #2A1E16; }

/* 5. Archive hero. */
/* the plugin's parallax script shifts the photo down at scroll 0 and exposes a dark strip under the header */
html body .nd-discover__hero-media img { transform: none !important; opacity: 1; }
html body .nd-discover__hero-media::after { background: linear-gradient(90deg, rgba(42, 30, 22, 0.9) 0%, rgba(42, 30, 22, 0.7) 40%, rgba(42, 30, 22, 0.28) 100%); }
html body .nd-discover .nd-discover__hero.has-image .nd-discover__hero-inner { padding-top: 64px; padding-bottom: 56px; }
html body .nd-discover .nd-discover__title { font-size: clamp(2.8rem, 6.4vw, 4.8rem); line-height: 0.95; font-weight: 600; text-transform: uppercase; letter-spacing: 0.005em; }
html body .nd-discover .nd-discover__title::before { content: ""; display: block; width: 34px; height: 10px; margin: 0 0 16px; background: linear-gradient(#E7B7A3 0 33%, #D9A520 33% 66%, #B44E24 66%); }
html body .nd-discover .nd-discover__lede { font-size: 1.12rem; color: #F3E6CF; }
html body .nd-discover .nd-searchbar { border-color: transparent; box-shadow: 0 18px 40px rgba(20, 10, 4, 0.35); }
html body .nd-discover .nd-searchbar__go { font-family: Oswald, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; box-shadow: none; }
/* filter rail: cream, not cool white; chips in the home chip style */
html body .nd-discover__rail { background: rgba(251, 244, 230, 0.92); }
html body .nd-qchip { border: 1.5px solid #2A1E16; background: #FFFBF3; color: #2A1E16; font: 500 13px/1 Oswald, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; }
html body .nd-qchip svg { color: #2A1E16; }
html body .nd-qchip:hover { background: #B44E24; border-color: #B44E24; color: #fff; }
html body .nd-qchip:hover svg { color: #fff; }
html body .nd-qchip[aria-pressed="true"] { background: #2A1E16; border-color: #2A1E16; color: #fff; }
html body .nd-qchip[aria-pressed="true"] svg { color: #fff; }

/* 6. Item page (both the Split and the Product template are in use). */
html body .nds .nds-eyebrow { font: 600 13px/1.3 Oswald, sans-serif; text-transform: uppercase; letter-spacing: 0.16em; color: #B44E24; }
html body .nds .nds-title { text-transform: uppercase; letter-spacing: 0.005em; line-height: 1; font-weight: 600; }
html body .nds .nds-h2 { text-transform: uppercase; letter-spacing: 0.02em; font-weight: 600; }
html body .nds .nds-safety__title { font-family: Oswald, sans-serif; text-transform: uppercase; letter-spacing: 0.06em; }
html body .nds .nd-btn.nds-btn-quiet { border: 2px solid #B44E24; background: transparent; color: #B44E24; }
html body .nds .nd-btn.nds-btn-quiet:hover { background: #B44E24; color: #fff; }
html body .nds .nds-note { border-left: 3px solid #D9A520; }

/* 7. "Collection area": a deliberate privacy graphic (cream panel, range rings, rust dashed ring), not a blank map. */
html body .nds .nds-venue__card { background: #FFFBF3; overflow: hidden; }
html body .nds .nds-venue__map.nds-venue__map--area {
  height: 168px; min-height: 0; aspect-ratio: auto;
  background-color: #F6EEDC;
  background-image: repeating-radial-gradient(circle at 50% 50%, transparent 0 27px, rgba(107, 107, 46, 0.2) 27px 28px);
  background-size: auto; background-position: center;
}
html body .nds .nds-venue__areaRing { width: 112px; height: 112px; border: 2px dashed #B44E24; background: rgba(231, 183, 163, 0.55); }
html body .nds .nds-venue__areaLabel { background: #FFFBF3; color: #2A1E16; box-shadow: 3px 3px 0 #D9A520, 0 0 0 1.5px #2A1E16; font: 600 12px/1.2 Oswald, sans-serif; text-transform: uppercase; letter-spacing: 0.14em; padding: 7px 14px; }

/* 8. "Good to know" on items is the raw field list (Condition Notes, Views, Accepts Offers, Quantity, Year, Returns Accepted):
      every row either repeats "Item details" / "Delivery & returns" above it or is internal. */
html body .nds.nds--type-market .nds-details.nds-details--list { display: none; }

/* 9. Private sellers: the location row printed "Brooklyn, United States" twice (title and sub-line). */
html body .nds.nds--type-market:has(.nds-venue__map--area) .nds-rows div.nds-row .nds-row__sub { display: none; }

/* 10. "More like this": striped cream band, like the home "Shop the rails" block. */
html body .nds { padding-bottom: 0; }
html body .nds .nds-related { background: #F6EEDC repeating-linear-gradient(90deg, rgba(42, 30, 22, 0.035) 0 2px, transparent 2px 46px); border-top: 0; padding-bottom: 64px; }
html body .nds .nds-related .nds-textbtn { font-family: Oswald, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; }

/* 11. Home hero on phones: search and both buttons on the first screen.
       The site's own hero rules are !important inside @layer nexdemo, so the override has to join that layer. */
@layer nexdemo {
  @media (max-width: 760px) {
    html body .ww-hero { min-height: 0 !important; }
    html body .ww-hero .wp-block-cover__inner-container { padding: clamp(96px, 16vh, 140px) 0 32px !important; }
    /* both buttons on one row */
    html body .ww-hero-cta { gap: 10px !important; flex-wrap: nowrap; }
    html body .ww-hero-cta .wp-block-button__link { padding: 0.75em 1.15em !important; white-space: nowrap; }
  }
}
@media (max-width: 760px) {
  html body .ww-hero-cta .wp-block-button__link { font-size: 0.86rem; }
}
/* the rust "List it free" band sits flush on the footer (a strip of cream showed between them) */
html body.home .ndn-footer { margin-top: 0; }

/* 12. Furniture bento: white text sat on pale photos; the "Listed ..." line was dark on dark. */
html body .ww-furniture .nd-ecard--poster .nd-ecard__shade { background: linear-gradient(180deg, rgba(42, 30, 22, 0.28) 0%, rgba(42, 30, 22, 0) 24%, rgba(42, 30, 22, 0.3) 46%, rgba(42, 30, 22, 0.92) 100%); }
html body .ww-furniture .nd-ecard--poster .nd-ecard__eyebrow,
html body .ww-furniture .nd-ecard--poster .nd-ecard__when { color: rgba(255, 251, 243, 0.85); }
html body .ww-furniture .nd-ecard--poster .nd-ecard__title,
html body .ww-furniture .nd-ecard--poster .nd-ecard__price { text-shadow: 0 1px 2px rgba(20, 10, 4, 0.6); }
html body .ww-furniture .nd-ecard--poster .nd-ecard__price.is-free { background: #D9A520; color: #2A1E16; text-shadow: none; }

/* 13. Read-only notice (submit, login) and empty search card. */
html body .nexdemo-ro__card { background: #FFFBF3; border-color: #E6D8BE; }
html body .nexdemo-ro__eyebrow { font-family: Oswald, sans-serif; color: #B44E24; letter-spacing: 0.16em; }
html body .nexdemo-ro__h { text-transform: uppercase; font-weight: 600; }
/* the plugin hard-codes a cool white gradient, slate text and a clipped decorative circle (all !important) */
html body #nexdirectory-archive-results > .nexdirectory-grid > .nexdirectory-search-recovery,
html body #nexdirectory-map-default-wrapper #nexdirectory-map-list > .nexdirectory-search-recovery {
  border: 1px solid #E6D8BE !important; background: #FFFBF3 !important; box-shadow: 0 18px 40px rgba(42, 30, 22, 0.08) !important;
}
html body #nexdirectory-archive-results > .nexdirectory-grid > .nexdirectory-search-recovery::after,
html body #nexdirectory-map-default-wrapper #nexdirectory-map-list > .nexdirectory-search-recovery::after { content: none; }
html body .nexdirectory-search-recovery__title { color: #2A1E16 !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.01em; }
html body .nexdirectory-search-recovery__description { color: #6F5A49 !important; }
html body .nexdirectory-search-recovery__button { font-family: Oswald, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; }
html body .nexdirectory-search-recovery__category { background: #FFFBF3; border-color: #2A1E16; color: #2A1E16; }
html body .nexdirectory-search-recovery__category:hover { background: #B44E24; border-color: #B44E24; color: #fff; }