/* =========================================================
   Catalogue Page Overrides (matches detail page vibe)
   File: /catalogue-overrides.css
   ========================================================= */

:root{
  --bg:#050506;
  --ink:#f4f2ef;
  --muted:rgba(244,242,239,.78);
  --line:rgba(244,242,239,.12);
  --shadow: 0 22px 70px rgba(0,0,0,.55);
  --radius:18px;
  --crimson: rgba(178,42,51,.62);
  --gold: rgba(245,194,107,.50);
}

/* Broader dispersion vs detail page */
body.inventoryPage{
  background:
    radial-gradient(1500px 900px at 10% 6%, var(--crimson), transparent 62%),
    radial-gradient(1500px 900px at 92% 0%, var(--gold), transparent 62%),
    var(--bg);
  color: var(--ink);
}

/* Typography scale */
html{ font-size: 18px; }
body.inventoryPage{
  font-size: 1.08rem;
  line-height: 1.65;
}

/* Top bar */
.invTop{
  background: transparent !important;
  border-bottom: 1px solid var(--line);
}
.invTop .brand{ color: var(--ink) !important; }
.invTop .nav a{
  color: var(--muted) !important;
}
.invTop .nav a:hover{ color: var(--ink) !important; }
.invTop .nav a.active{
  color: var(--ink) !important;
  border-bottom-color: rgba(245,194,107,.65) !important;
}

/* Shell */
.invShell{
  background: transparent !important;
}

/* Sidebar */
.invSidebar{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow);
}
.invSideTitle{
  color: var(--ink) !important;
  font-size: 1.6rem;
  letter-spacing: .3px;
}
.invSideSub{
  color: var(--muted) !important;
  font-size: 1.02rem;
}

/* Inputs/controls */
.textInput{
  font-size: 1.05rem !important;
}
.filterLabel{
  font-size: 1.0rem !important;
  color: var(--muted) !important;
}
.optRow span{
  font-size: 1.02rem !important;
}
.mini{
  color: rgba(244,242,239,.70) !important;
  font-size: 0.96rem !important;
}

/* Main heading */
.invContent h1{
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: 650;
  letter-spacing: .2px;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
  margin-bottom: .35rem;
}
.invStatement{
  color: rgba(244,242,239,.90);
  font-size: 1.18rem;
  line-height: 1.6;
  margin-bottom: .75rem;
}
.invMeta{
  color: var(--muted) !important;
  font-size: 1.05rem !important;
}

/* Cards/grid */
.invGrid .card,
.invGrid .invCard{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow);
}
.invGrid .cardTitle,
.invGrid .title{
  color: var(--ink) !important;
  font-size: 1.15rem !important;
}
.invGrid .cardMeta,
.invGrid .meta{
  color: var(--muted) !important;
  font-size: 1.02rem !important;
}

/* Lightbox */
.lb{
  background: rgba(0,0,0,.85) !important;
}
.lbInner{
  background: rgba(10,10,14,.96) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
}
.lbTitle{
  color: #ffffff !important;
  font-size: 1.25rem !important;
}
.lbMeta{
  color: var(--muted) !important;
  font-size: 1.05rem !important;
}
.actionBtn{
  font-size: 1.02rem !important;
}