/*
Theme Name: Anchor Store — Liquidation
Theme URI: https://anchorstore.dkbmedia.com
Author: DKB Media
Author URI: https://dkbmedia.com
Description: Anchor Store — part of Liquidation. Dead retail chains, resolved by the closing date.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: proprietary
Text Domain: anchorstore
*/

/* ═══════════════════════════════════════════════════════════════
   THE VANISHED — "Cold Storage" skin (dark / cryo-archive)
   Shared family stylesheet. CSS prefix: va- (structural names reused
   program-wide; the skin/fonts are what make the family).
   Slate blue-greys, bone text, a single frost-cyan accent.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --bg:#0c0c0d;          /* liquidation-floor black */
  --surface:#141414;     /* raised panel */
  --surface-2:#1a1a1b;   /* sunk panel */
  --text:#d8dee4;        /* bone */
  --text-2:#9aa6af;
  --text-3:#6b757e;
  --accent:#facc15;      /* clearance yellow */
  --accent-2:#fde047;    /* bright yellow */
  --steel:#facc15;       /* codes */
  --border:#26262a;
  --border-2:#343438;
  --gone:#b5685a;        /* extinct / lost (desaturated rust) */
  --revived:#6fb38a;     /* rediscovered / revived (cold green) */
  --disputed:#c2a04a;    /* disputed / contested (amber) */
  --display:'Bricolage Grotesque',system-ui,-apple-system,sans-serif;
  --body:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',monospace;
  --radius:4px;
  --container:1180px;
  --shadow:0 1px 0 rgba(0,0,0,.4), 0 14px 40px rgba(0,0,0,.55);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--body);font-size:17px;line-height:1.65;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(250,204,21,.05), transparent 60%),
    repeating-linear-gradient(90deg,
      rgba(250,204,21,.04) 0 2px, transparent 2px 7px,
      rgba(250,204,21,.04) 7px 8px, transparent 8px 16px,
      rgba(250,204,21,.04) 16px 21px, transparent 21px 24px,
      rgba(250,204,21,.04) 24px 25px, transparent 25px 34px,
      rgba(250,204,21,.04) 34px 38px, transparent 38px 47px,
      rgba(250,204,21,.04) 47px 48px, transparent 48px 56px,
      rgba(250,204,21,.04) 56px 61px, transparent 61px 64px,
      rgba(250,204,21,.04) 64px 65px, transparent 65px 74px,
      rgba(250,204,21,.04) 74px 78px, transparent 78px 88px);
  background-attachment:fixed;
}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-2);}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.14;color:var(--text);letter-spacing:-.01em;}
em{font-style:italic;}
img{max-width:100%;height:auto;}

/* ── NAV ───────────────────────────────────────────── */
.va-nav{position:sticky;top:0;z-index:50;background:rgba(17,21,26,.9);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.va-nav__inner{max-width:var(--container);margin:0 auto;padding:14px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;}
.va-logo{display:flex;align-items:baseline;gap:8px;}
.va-logo__mark{font-family:var(--display);font-weight:700;font-size:22px;color:var(--accent);letter-spacing:.01em;}
.va-logo__dot{color:var(--text-3);}
.va-logo__text{font-family:var(--mono);font-size:13px;color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;}
.va-nav__links{display:flex;gap:22px;font-size:15px;font-weight:500;}
.va-nav__links a{color:var(--text-2);}
.va-nav__links a:hover{color:var(--accent);}
.va-nav__links a[data-secondary]{color:var(--text-3);}

/* ── HERO ──────────────────────────────────────────── */
.va-hero{border-bottom:1px solid var(--border);}
.va-hero__inner{max-width:var(--container);margin:0 auto;padding:74px 28px 60px;}
.va-hero__eyebrow{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--accent);display:inline-block;margin-bottom:16px;}
.va-hero__title{font-size:clamp(38px,5.8vw,66px);letter-spacing:-.02em;line-height:1.06;margin:0 0 22px;max-width:18ch;}
.va-hero__title em{color:var(--accent);font-style:normal;}
.va-hero__sub{font-size:19px;color:var(--text-2);max-width:62ch;margin:0;line-height:1.7;}
.va-hero__meta{display:flex;gap:26px;margin-top:30px;font-family:var(--mono);
  font-size:13px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;}
.va-hero__meta strong{color:var(--accent);font-weight:600;}

/* ── FILTERS ───────────────────────────────────────── */
.va-filters{border-bottom:1px solid var(--border);background:var(--surface);}
.va-filters__inner{max-width:var(--container);margin:0 auto;padding:16px 28px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.va-filter-label{font-family:var(--mono);font-size:12px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--text-3);margin-right:4px;}
.va-filter-chip{font-family:var(--mono);font-size:12.5px;border:1px solid var(--border-2);
  background:var(--surface-2);color:var(--text-2);padding:5px 12px;border-radius:999px;
  cursor:pointer;transition:.15s;letter-spacing:.02em;}
.va-filter-chip:hover{border-color:var(--accent);color:var(--accent);}
.va-filter-chip.is-active{background:var(--accent);border-color:var(--accent);color:#11151a;font-weight:600;}

/* ── ENTRY INDEX ───────────────────────────────────── */
.va-entries{max-width:var(--container);margin:0 auto;padding:14px 28px 70px;}
.va-entries__grid{display:flex;flex-direction:column;}
.va-entry{display:grid;grid-template-columns:120px 1fr 220px;gap:24px;align-items:start;
  padding:24px 8px;border-bottom:1px solid var(--border);transition:.15s;}
.va-entry:hover{background:var(--surface);}
.va-entry__id{font-family:var(--mono);font-size:13px;color:var(--text-3);padding-top:4px;}
.va-entry__id strong{color:var(--steel);font-weight:600;}
.va-entry__brand{font-family:var(--mono);font-size:12px;text-transform:uppercase;
  letter-spacing:.08em;color:var(--text-3);margin-bottom:5px;}
.va-entry__title{font-size:22px;margin:0 0 10px;line-height:1.2;}
.va-entry__title a{color:var(--text);}
.va-entry__title a:hover{color:var(--accent);}
.va-entry__tags{display:flex;flex-wrap:wrap;gap:6px;}
.va-entry__impact{font-family:var(--mono);font-size:13px;color:var(--text-2);text-align:right;padding-top:4px;}
.va-entry__impact strong{color:var(--accent);font-weight:600;}

/* ── TAGS ──────────────────────────────────────────── */
.va-tag{font-family:var(--mono);font-size:11.5px;background:var(--surface-2);
  color:var(--text-2);border:1px solid var(--border);padding:2px 9px;border-radius:5px;letter-spacing:.02em;}
a.va-tag:hover{border-color:var(--accent);color:var(--accent);}
.va-tag--status.va-tag--gone{background:rgba(181,104,90,.14);color:var(--gone);border-color:rgba(181,104,90,.4);}
.va-tag--status.va-tag--revived{background:rgba(111,179,138,.13);color:var(--revived);border-color:rgba(111,179,138,.38);}
.va-tag--status.va-tag--disputed{background:rgba(194,160,74,.13);color:var(--disputed);border-color:rgba(194,160,74,.38);}

/* ── SINGLE ────────────────────────────────────────── */
.va-single{max-width:912px;margin:0 auto;padding:36px 28px 80px;}
.va-single__back{font-family:var(--mono);font-size:13px;color:var(--text-3);display:inline-block;margin-bottom:30px;}
.va-single__back:hover{color:var(--accent);}
.va-single__header{border-bottom:2px solid var(--accent);padding-bottom:28px;margin-bottom:8px;}
.va-single__meta{display:flex;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:13px;
  color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;}
.va-single__id{color:var(--steel);font-weight:600;}
.va-single__title{font-size:clamp(30px,5vw,50px);letter-spacing:-.02em;margin:0 0 18px;}
.va-single__tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:26px;}
.va-single__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.va-stat{background:var(--surface);padding:16px 18px;}
.va-stat__label{font-family:var(--mono);font-size:11px;text-transform:uppercase;
  letter-spacing:.08em;color:var(--text-3);margin-bottom:6px;}
.va-stat__value{font-family:var(--display);font-size:20px;font-weight:600;color:var(--text);line-height:1.15;}
.va-stat--peak .va-stat__value{color:var(--accent);}
.va-stat--status .va-stat__value{display:flex;align-items:center;gap:8px;}
.va-stat--status .va-stat__value::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--text-3);flex:none;}
.va-stat--status.is-gone .va-stat__value::before{background:var(--gone);}
.va-stat--status.is-revived .va-stat__value::before{background:var(--revived);}
.va-stat--status.is-disputed .va-stat__value::before{background:var(--disputed);}

.va-single__section{padding:34px 0;border-bottom:1px solid var(--border);}
.va-single__section:last-child{border-bottom:none;}
.va-single__section h2{font-size:14px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--accent);margin:0 0 18px;font-family:var(--mono);font-weight:600;}
.va-single__section p{margin:0 0 16px;color:var(--text);max-width:68ch;}
.va-single__section p:last-child{margin-bottom:0;}

/* "The Last One" section gets a quiet emphasis */
.va-single__section--last{background:var(--surface);border:1px solid var(--border-2);
  border-left:3px solid var(--gone);border-radius:var(--radius);padding:26px 28px;margin:6px 0;}
.va-single__section--last h2{color:var(--gone);}

/* ── TIMELINE ──────────────────────────────────────── */
.va-timeline{display:flex;flex-direction:column;gap:2px;}
.va-timeline__row{display:grid;grid-template-columns:150px 1fr;gap:20px;
  padding:16px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);}
.va-timeline__date{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--accent);}
.va-timeline__title{font-family:var(--display);font-weight:600;font-size:17px;margin-bottom:4px;}
.va-timeline__detail{color:var(--text-2);font-size:15.5px;}

/* ── FACTORS ───────────────────────────────────────── */
.va-factors{display:flex;flex-direction:column;gap:4px;}
.va-factor{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid var(--border);}
.va-factor:last-child{border-bottom:none;}
.va-factor__num{font-family:var(--display);font-size:42px;font-weight:700;color:var(--accent);line-height:.9;opacity:.85;}
.va-factor__title{font-family:var(--display);font-weight:600;font-size:19px;margin-bottom:5px;}
.va-factor__detail{color:var(--text-2);font-size:15.5px;}

/* ── LESSONS ───────────────────────────────────────── */
.va-lessons{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);
  border-radius:var(--radius);padding:10px 26px;}
.va-lessons ol{margin:0;padding-left:22px;}
.va-lessons li{margin:14px 0;color:var(--text);font-size:16px;}
.va-lessons li::marker{color:var(--accent);font-family:var(--mono);font-size:13px;}

/* ── REFERENCES ────────────────────────────────────── */
.va-references{list-style:none;margin:0;padding:0;}
.va-references li{padding:11px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px;}
.va-references li:last-child{border-bottom:none;}
.va-references a{font-size:15.5px;}
.va-references__source{font-family:var(--mono);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;}

/* ── FOOTER ────────────────────────────────────────── */
.va-footer{border-top:1px solid var(--border);background:var(--surface);}
.va-footer__inner{max-width:var(--container);margin:0 auto;padding:34px 28px;}
.va-footer__brand{font-size:15px;color:var(--text-2);}
.va-footer__brand strong{font-family:var(--display);color:var(--accent);}

/* ── PAGE / ABOUT ──────────────────────────────────── */
.va-page{max-width:760px;margin:0 auto;padding:50px 28px 80px;}
.va-page__inner h1{font-size:clamp(30px,5vw,46px);margin:0 0 24px;}
.va-page__inner h2{font-size:25px;margin:36px 0 14px;}
.va-page__inner p{color:var(--text);margin:0 0 18px;}
.va-page__inner ul{color:var(--text);padding-left:22px;}
.va-page__inner li{margin:8px 0;}
.va-about__eyebrow{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);display:inline-block;}
.va-about__lead{font-size:20px;color:var(--text-2);line-height:1.7;}
.va-about__divider{border:none;border-top:1px solid var(--border);margin:40px 0;}
.va-about__sister-intro{color:var(--text-2);}
.va-about__sisters{display:grid;gap:14px;margin-top:20px;}
.va-about__sister{display:block;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:18px 20px;transition:.15s;}
.va-about__sister:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow);}
.va-about__sister-mark{font-family:var(--display);font-weight:700;font-size:19px;color:var(--accent);display:block;margin-bottom:4px;}
.va-about__sister-desc{color:var(--text-2);font-size:15px;}

/* ── RESPONSIVE ────────────────────────────────────── */
@media(max-width:760px){
  .va-entry{grid-template-columns:1fr;gap:10px;}
  .va-entry__impact{text-align:left;}
  .va-single__stats{grid-template-columns:repeat(2,1fr);}
  .va-timeline__row{grid-template-columns:1fr;gap:6px;}
  .va-factor{grid-template-columns:52px 1fr;gap:14px;}
  .va-factor__num{font-size:34px;}
}

/* liquidation readability overrides */
.va-stat__value,.va-timeline__title,.va-factor__title{letter-spacing:0;}
.va-stat__value{font-size:17px;line-height:1.34;}
.va-single__title{letter-spacing:-.01em;line-height:1.12;}