/* ============================================================
   Wishdeal Factory — single source of truth for the exterior shell.
   The shell (nav + footer) uses FIXED hardcoded colors so it renders
   identically + high-contrast on EVERY page, regardless of each page's
   own inline :root theme. Always dark, for consistency.
   ============================================================ */
:root{
  --forest:#0e2e23;--forest-2:#16402f;--gold:#a87a32;--gold-soft:#d6b27a;
  --bg:#0f1512;--surface:#16201b;--surface-2:#1d2a24;
  --ink:#eef2ec;--ink-soft:#b8c2bb;--ink-mute:#7e8a82;
  --rule:rgba(238,242,236,.12);
  --ok:#3a9d63;--warn:#c84a1f;--info:#c7a24a;
  --font-display:"Fraunces",Georgia,serif;
  --font-body:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  --maxw:1120px;--radius:10px;--radius-sm:6px;
}

/* ---- Skip link ---- */
.wd-skip{position:absolute;left:-999px;top:0;background:#c2913f;color:#1a1205;padding:8px 14px;z-index:2000;font:600 14px/1 "Inter",system-ui,sans-serif;border-radius:0 0 8px 0}
.wd-skip:focus{left:0}

/* ---- Sticky top nav (always dark, opaque, fixed colors so page themes can't dim it) ---- */
.wd-shell-nav{position:sticky;top:0;z-index:1000;background:#181c1a !important;border-bottom:1px solid rgba(255,255,255,.10);font-family:"Inter",system-ui,-apple-system,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,.4)}
.wd-shell-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:12px 22px;transition:padding .18s ease}
.wd-shell-nav.scrolled .wd-shell-inner{padding:7px 22px}
.wd-shell-nav .wd-brand{display:flex;align-items:center;gap:9px;color:#f3efe4 !important;text-decoration:none;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.08rem;white-space:nowrap}
.wd-shell-nav .wd-brand:hover{color:#fff !important}
.wd-brand-mark{color:#c89b4e;flex:none}
/* Reset against pages' generic nav{} rules (the inner element IS a <nav>): no page green/sticky leaks onto our menu */
.wd-shell-nav nav.wd-shell-links{display:flex !important;align-items:center;gap:2px;margin-left:6px;background:none !important;border:0 !important;position:static !important;top:auto !important;z-index:auto !important;box-shadow:none !important;padding:0 !important;max-width:none !important;width:auto !important}
.wd-shell-links>a,.wd-more>summary{color:#cdd5cc !important;text-decoration:none;font-size:.93rem;font-weight:500;padding:9px 12px;border-radius:7px;cursor:pointer;list-style:none;white-space:nowrap;transition:color .12s,background .12s}
.wd-shell-links>a:hover,.wd-more>summary:hover{color:#fff !important;background:rgba(255,255,255,.08)}
.wd-shell-links>a[aria-current="page"]{color:#fff !important;box-shadow:inset 0 -2px 0 #c89b4e}
.wd-spacer{flex:1}
.wd-shell-nav .wd-cta{background:#c2913f;color:#1a1305 !important;text-decoration:none;font-weight:700;font-size:.9rem;padding:9px 16px;border-radius:8px;white-space:nowrap;transition:background .12s}
.wd-shell-nav .wd-cta:hover{background:#d8b25f;color:#1a1305 !important}

/* ---- More dropdown ---- */
.wd-more{position:relative}
.wd-more>summary{display:inline-flex;align-items:center}
.wd-more>summary::-webkit-details-marker{display:none}
.wd-more>summary::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.75;position:relative;top:-2px}
.wd-more-menu{position:absolute;right:0;top:calc(100% + 8px);background:#20251f;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px;min-width:236px;display:grid;gap:1px;box-shadow:0 18px 48px rgba(0,0,0,.55);z-index:1200}
.wd-more-menu a{color:#d2d8d0 !important;text-decoration:none;font-size:.9rem;padding:9px 11px;border-radius:6px;white-space:nowrap}
.wd-more-menu a:hover{color:#fff !important;background:rgba(255,255,255,.08)}
.wd-burger{display:none}

/* ---- Footer (always dark, fixed colors) ---- */
.wd-shell-footer{background:#14181a;border-top:1px solid rgba(255,255,255,.09);color:#9aa39a;font-family:"Inter",system-ui,-apple-system,sans-serif;margin-top:72px}
.wd-foot-inner{max-width:1120px;margin:0 auto;padding:48px 22px 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.wd-shell-footer .wd-brand{display:inline-flex;align-items:center;gap:9px;color:#f3efe4 !important;text-decoration:none;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.05rem}
.wd-foot-brand p{font-size:.85rem;line-height:1.6;color:#8d968d;max-width:32ch;margin:10px 0 0}
.wd-foot-col h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#8d968d;margin:0 0 12px;font-weight:600}
.wd-foot-col a{display:block;color:#c4ccc4 !important;text-decoration:none;font-size:.88rem;padding:4px 0}
.wd-foot-col a:hover{color:#fff !important}
.wd-foot-base{max-width:1120px;margin:0 auto;padding:16px 22px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;color:#8d968d}
.wd-foot-base a{color:#9aa39a !important;text-decoration:none}.wd-foot-base a:hover{color:#fff !important}

/* ---- Mobile ---- */
@media(max-width:860px){
  .wd-shell-links{display:none}.wd-shell-nav .wd-cta{display:none}
  .wd-burger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:42px;height:36px;background:none;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f3efe4;font-size:18px;cursor:pointer}
  .wd-shell-nav.open .wd-shell-links{display:flex;position:fixed;inset:54px 0 0;flex-direction:column;align-items:stretch;gap:2px;background:#181c1a;padding:18px;overflow:auto;z-index:999}
  .wd-shell-nav.open .wd-shell-links>a{font-size:1.1rem;padding:14px;color:#e8ece6 !important}
  .wd-shell-nav.open .wd-cta{display:block;text-align:center;margin-top:12px}
  .wd-foot-inner{grid-template-columns:1fr 1fr}
}

/* ============================================================
   LEGACY CHROME HIDE — hide the pre-existing per-page nav/header/footer
   so the injected shell is the only chrome. High-specificity + !important
   to beat page rules. Never matches <main>, hero/title sections, or content.
   ============================================================ */
html body > nav:not(.wd-shell-nav):not(.wd-shell-links),
html body > header:not(.wd-shell-nav):not(.hero),
html body > .top-nav, html body > .site-nav, html body > .navbar,
html body > .utility, html body > .util-bar, html body > .topbar, html body > .nav,
html body > .wrap > nav, html body > .wrap > .nav, html body > .wrap > header:not(.hero),
html body > footer:not(.wd-shell-footer)
{ display:none !important; }