/* ================= MAISON IVORY — SUBPAGES =================
   Shared override layer for the informational pages (houses, curation,
   care, sizing, authenticity, success, policies). Re-themes the legacy
   dark Tailwind boilerplate into the Maison Ivory world:
   ivory paper · warm ink · one Hermès-orange hairline.
   Prata (display) / EB Garamond (body) / Fragment Mono (ledger).
   Loaded AFTER the page's own <style> and declared with !important so it wins. */
:root {
  --paper: #F1EBDF;
  --paper-2: #E9E1CF;
  --ink: #201B14;
  --ink-soft: #5C5443;
  --faded: #8D8574;
  --line: #D6CCB6;
  --orange: #E05A10;
}
html { background: var(--paper); }
body {
  background: var(--paper) !important;
  color: var(--ink) !important;
  font-family: 'EB Garamond', Georgia, 'Times New Roman', serif !important;
  font-size: 16px !important;
}
::selection { background: var(--orange); color: var(--paper); }

/* ---- Type roles ---- */
.font-serif-lux, h1, h2, h3 { font-family: 'Prata', Georgia, serif !important; font-weight: 400 !important; color: var(--ink) !important; }
.font-mono { font-family: 'Fragment Mono', 'Courier New', monospace !important; }
p, li { color: var(--ink-soft) !important; }

/* Kill every dark radial/gradient backdrop */
.hero-mesh, .hero-glow, [class*="hero-mesh"], [class*="hero-glow"], .fixed.inset-0 { display: none !important; background: none !important; }

/* ---- Focus outline ---- */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }

/* ================= Header / glass-nav ================= */
.glass-nav, header {
  background: var(--paper) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
}
header.sticky { top: 0 !important; }
header a[aria-label="MyTieSupply home"] span, header .font-serif-lux, header a.font-serif-lux { color: var(--ink) !important; }
header a[aria-label="MyTieSupply home"]:hover span { color: var(--orange) !important; }
nav[aria-label="Primary"] a {
  color: var(--ink-soft) !important; border: none !important;
  font-family: 'Fragment Mono', monospace !important; font-size: 10px !important;
  text-transform: uppercase; letter-spacing: .12em; font-weight: 400 !important;
}
nav[aria-label="Primary"] a:hover { color: var(--ink) !important; }
nav[aria-label="Primary"] a[href*="houses"] { color: var(--ink) !important; border-bottom: 2px solid var(--orange) !important; }
header a[href*="ebay.com"] {
  background: transparent !important; border: 1px solid var(--ink) !important; border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: 'Fragment Mono', monospace !important; font-size: 10px !important; font-weight: 400 !important;
  text-transform: uppercase; letter-spacing: .14em;
}
header a[href*="ebay.com"]:hover { background: var(--ink) !important; color: var(--paper) !important; }
#menuToggle {
  background: transparent !important; border: 1px solid var(--line) !important; border-radius: 0 !important;
  color: var(--ink) !important;
}
#menuToggle:hover { border-color: var(--ink) !important; }
#mobileMenu {
  background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 0 !important;
  box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
#mobileMenu a { border-radius: 0 !important; color: var(--ink-soft) !important; background: transparent !important; border-left: 2px solid transparent !important; }
#mobileMenu a:hover { color: var(--ink) !important; background: var(--paper-2) !important; }
#mobileMenu a[class*="bg-amber-400/10"] { color: var(--ink) !important; border-left: 2px solid var(--orange) !important; }

/* ---- Eyebrow labels / accents ---- */
[class*="text-amber-300"], [class*="text-amber-400"] { color: var(--orange) !important; background: transparent !important; border-color: var(--line) !important; }
[class*="bg-amber-400"] { background: transparent !important; border-color: var(--ink) !important; }

/* ---- Body / muted text ---- */
[class*="text-white"] { color: var(--ink) !important; }
[class*="text-neutral-"], [class*="text-gray-"] { color: var(--ink-soft) !important; }
.font-light { font-weight: 400 !important; }
p, li { color: var(--ink-soft) !important; }
strong { color: var(--ink) !important; font-weight: 600; }
em { font-style: italic; color: var(--ink) !important; }

/* ===== Unboxed specimen-plate cards ===== */
article[class*="bg-[#0D0E12]"], article[class*="bg-white"], div[class*="bg-[#0D0E12]"],
[class*="bg-[#0D0E12]"] {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--ink) !important;
}
[class*="bg-[#0D0E12]"]:hover { border-color: var(--ink) !important; }
[class*="border-white"], [class*="border-black"] { border-color: var(--line) !important; }
[class*="bg-white/["], [class*="bg-black/["] { background: var(--paper-2) !important; }

/* Spec panel (House Signatures side column) */
[class*="rounded-2xl"], [class*="bg-white/0"], div[class*="bg-white/"] { background: var(--paper) !important; border-color: var(--line) !important; border-radius: 0 !important; }

/* ---- "Explore N Pieces" buttons -> outlined mono links ---- */
a[href*="brand="], a[class*="text-amber-300"] {
  background: transparent !important;
  border: 1px solid var(--ink) !important; border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: 'Fragment Mono', monospace !important; font-size: 10px !important; font-weight: 400 !important;
  text-transform: uppercase; letter-spacing: .14em;
}
a[href*="brand="]:hover, a[class*="text-amber-300"]:hover { background: var(--ink) !important; color: var(--paper) !important; }

/* ================= Footer (thin inline-styled) ================= */
footer {
  background: var(--paper-2) !important;
  border-top: 1px solid var(--line) !important;
  color: var(--ink-soft) !important;
}
footer * { color: var(--ink-soft) !important; background: transparent !important; border-color: var(--line) !important; }
footer h4 { font-family: 'Fragment Mono', monospace !important; color: var(--ink-soft) !important; font-size: 9.5px !important; letter-spacing: .2em; text-transform: uppercase; }
footer span { color: var(--ink) !important; }
footer a { color: var(--ink-soft) !important; text-decoration: none; }
footer a:hover { color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--orange); }

/* ================= Minimal .box policy pages ================= */
.box {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
}
.box h1, .box h2 { color: var(--ink) !important; border-color: var(--line) !important; }
.box h2 { letter-spacing: .1em; }
.box p { color: var(--ink-soft) !important; }
.box a { color: var(--orange) !important; border-bottom: 1px solid var(--orange); }

/* ================= Success page ================= */
[class*="bg-emerald-500"], [class*="text-emerald-400"] { background: transparent !important; border-color: var(--line) !important; color: var(--ink) !important; }

/* ================= Motion ================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}