/* ============================================================
   BA Liquidations — Public Website (public.css) · BRAND v3
   Drop-in replacement for index.html / viewer.html / public.js.
   All class names preserved — visuals only.
   Brand: ink navy · royal blue · safety-yellow price tags,
   Barlow Condensed display + Barlow body.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700;800&display=swap");

:root{
  --ink:#0a1a2f;
  --brand:#003b81;
  --tag:#ffc414;
  --paper:#f5f6f2;
  --card:#ffffff;
  --steel:#55677e;
  --line:#dfe4ea;
  --sale:#d7263d;
  --good:#0d7a3e;
  --radius:14px;
  --disp:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--tag);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.eyebrow{
  display:inline-block;font-family:var(--disp);font-weight:700;text-transform:uppercase;
  letter-spacing:.18em;font-size:.8rem;color:var(--tag);
  border-bottom:3px solid var(--tag);padding-bottom:2px;margin-bottom:10px;
}
.eyebrow.dark{color:var(--brand)}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:80;
  background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.site-nav{max-width:1180px;margin:0 auto;padding:0 22px;height:70px;display:flex;align-items:center;gap:24px}
.header-brand{display:flex;align-items:center}
.header-brand img{height:44px;width:auto;display:block}
.site-nav nav{margin-left:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.site-nav nav a{
  text-decoration:none;font-weight:600;font-size:.94rem;color:#22344c;
  padding:6px 2px;border-bottom:2px solid transparent;transition:border-color .14s,color .14s;
}
.site-nav nav a:hover{border-bottom-color:var(--tag);color:var(--ink)}
.site-nav nav a.admin-link{
  border:1px solid #d5dee8;border-radius:9px;padding:8px 14px;font-size:.84rem;color:#33445a;
}
.site-nav nav a.admin-link:hover{border-color:var(--brand);color:var(--brand)}
@media(max-width:720px){
  .site-nav{height:auto;flex-wrap:wrap;padding:10px 14px;gap:10px}
  .header-brand img{height:36px}
  .site-nav nav{gap:12px;font-size:.9rem}
}

/* ---------- Hero ---------- */
.hero{
  background:
    radial-gradient(900px 480px at 82% -10%, rgba(255,196,20,.14), transparent 55%),
    linear-gradient(160deg,#061223 0%, #0a2141 55%, #0d2d5c 100%);
  color:#fff;position:relative;overflow:hidden;
}
.hero::after{
  content:"";position:absolute;inset:auto 0 0 0;height:6px;
  background:repeating-linear-gradient(-45deg,var(--tag) 0 18px,var(--ink) 18px 36px);
}
.hero-grid{
  max-width:1180px;margin:0 auto;padding:72px 22px 80px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;
}
.hero-copy .eyebrow{color:var(--tag)}
.hero h1{
  font-family:var(--disp);font-weight:800;text-transform:uppercase;
  line-height:.95;letter-spacing:.01em;font-size:clamp(2.5rem,6vw,4.4rem);margin:0 0 16px;
}
.hero h1 span{color:var(--tag)}
.hero-copy>p{font-size:1.12rem;color:#c6d4e8;max-width:34rem;margin:0 0 26px;line-height:1.55}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.primary-action,.secondary-action{
  display:inline-block;text-decoration:none;border-radius:10px;
  font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  font-size:1rem;padding:14px 26px;transition:filter .14s,transform .12s,border-color .14s,color .14s;
}
.primary-action{background:var(--tag);color:var(--ink);box-shadow:0 3px 0 #d6a300}
.primary-action:hover{filter:brightness(1.05);transform:translateY(-1px)}
.secondary-action{border:2px solid rgba(255,255,255,.4);color:#fff}
.secondary-action:hover{border-color:var(--tag);color:var(--tag)}
.hero-stats{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap}
.hero-stats div{border-left:3px solid var(--tag);padding-left:12px}
.hero-stats strong{font-family:var(--disp);font-size:1.55rem;font-weight:800;display:block;line-height:1;font-variant-numeric:tabular-nums}
.hero-stats span{font-size:.78rem;color:#9fb2cc;text-transform:uppercase;letter-spacing:.07em}

/* Brand hang-tag card */
.hero-brand-card{
  position:relative;justify-self:center;width:min(340px,90%);
  background:#fff;color:var(--ink);border-radius:16px;padding:34px 26px 22px;
  box-shadow:0 26px 60px rgba(0,0,0,.42);transform:rotate(2.5deg);
}
.hero-brand-card::before{
  content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);
  width:24px;height:24px;border-radius:50%;background:var(--paper);
  box-shadow:inset 0 0 0 5px #c9d2dc;
}
.brand-glow{display:none}
.hero-brand-card img{display:block;width:100%;height:auto;margin:10px 0 14px}
.brand-card-caption{display:grid;gap:3px;border-top:1px dashed var(--line);padding-top:12px;text-align:center}
.brand-card-caption span{
  font-family:var(--disp);font-weight:700;font-size:.7rem;letter-spacing:.2em;color:var(--brand);
}
.brand-card-caption strong{font-size:.86rem;color:var(--steel);font-weight:600}
@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr;padding:52px 22px 64px}
  .hero-brand-card{display:none}
}

/* ---------- Category strip ---------- */
.category-strip{
  max-width:1180px;margin:0 auto;padding:26px 22px 4px;
  display:flex;gap:10px;flex-wrap:wrap;
}
.category-strip button{
  cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:999px;
  padding:11px 20px;font-family:var(--disp);font-weight:700;font-size:1rem;
  text-transform:uppercase;letter-spacing:.05em;color:#22344c;
  transition:transform .13s,box-shadow .13s,border-color .13s,background .13s;
}
.category-strip button:hover{
  transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,26,47,.12);
  border-color:var(--brand);
}
.category-strip button:active{background:var(--tag);border-color:#d6a300}

/* ---------- Inventory section ---------- */
.inventory-section{max-width:1180px;margin:0 auto;padding:44px 22px 64px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.section-heading h2{
  font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(1.7rem,3.4vw,2.4rem);margin:0;color:var(--ink);
}
.section-heading>a{font-weight:700;color:var(--brand);text-decoration:none}
.section-heading>a:hover{text-decoration:underline}
.section-heading.light h2{color:#fff}

.inventory-toolbar{
  display:grid;grid-template-columns:minmax(220px,1fr) 210px;gap:10px;margin-bottom:20px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;
  box-shadow:0 8px 24px rgba(10,26,47,.05);
}
@media(max-width:640px){.inventory-toolbar{grid-template-columns:1fr}}
.search-box{position:relative;display:flex;align-items:center}
.search-box svg{position:absolute;left:13px;width:17px;height:17px;fill:none;stroke:#93a3b8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.search-box input{
  width:100%;padding:12px 12px 12px 40px;border:1px solid #c3cedd;border-radius:10px;
  font-family:var(--body);font-size:.95rem;color:var(--ink);background:#fff;
}
.inventory-toolbar select{
  padding:12px;border:1px solid #c3cedd;border-radius:10px;background:#fff;
  font-family:var(--body);font-size:.94rem;color:var(--ink);
}
.search-box input:focus,.inventory-toolbar select:focus{
  outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,59,129,.14);
}

.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.loading-card,.empty-card{
  grid-column:1/-1;text-align:center;color:var(--steel);padding:46px 0;
  background:var(--card);border:1.5px dashed #c9d4e2;border-radius:var(--radius);
}
.inventory-card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;position:relative;display:flex;flex-direction:column;text-decoration:none;
  transition:box-shadow .15s ease,transform .15s ease;
}
.inventory-card:hover{box-shadow:0 14px 32px rgba(10,26,47,.13);transform:translateY(-3px)}
.card-photo{aspect-ratio:4/3;background:#eef1f5;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#9fb0c4;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}
.card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.inventory-card:hover .card-photo img{transform:scale(1.04)}
.condition-chip{
  position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;
  font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  padding:4px 9px;border-radius:6px;
}
.card-body{padding:14px 14px 12px;flex:1;display:grid;gap:4px;align-content:start}
.card-type{
  font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brand);
}
.card-body h3{
  margin:0;font-family:var(--disp);font-weight:700;text-transform:uppercase;
  font-size:1.08rem;line-height:1.12;color:var(--ink);letter-spacing:.02em;
}
.card-meta{font-size:.8rem;color:var(--steel);line-height:1.45}
.card-price{
  display:flex;align-items:baseline;gap:10px;padding:4px 14px 14px;font-variant-numeric:tabular-nums;
}
.card-price strong{
  background:var(--tag);color:var(--ink);font-family:var(--disp);font-weight:800;
  font-size:1.25rem;padding:2px 11px;border-radius:7px;
}
.card-price span{color:var(--steel);font-size:.84rem}
.card-body a{color:var(--brand);font-weight:700;text-decoration:none;font-size:.86rem}
.card-body a:hover{text-decoration:underline}
.center-action{text-align:center;margin-top:30px}

/* ---------- Value section ---------- */
.value-section{
  background:linear-gradient(160deg,#061223,#0a2141);color:#fff;
  padding:60px 0 70px;border-top:6px solid var(--tag);
}
.value-section .section-heading{max-width:1180px;margin:0 auto 26px;padding:0 22px}
.value-grid{
  max-width:1180px;margin:0 auto;padding:0 22px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;
}
.value-grid article{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);padding:22px;
}
.value-grid article span{
  font-family:var(--disp);font-weight:800;font-size:1.05rem;color:var(--tag);
  display:inline-block;border-bottom:2px solid var(--tag);margin-bottom:10px;
}
.value-grid h3{
  margin:0 0 6px;font-family:var(--disp);font-weight:800;text-transform:uppercase;
  letter-spacing:.03em;font-size:1.2rem;color:#fff;
}
.value-grid p{margin:0;color:#b9c8dd;font-size:.92rem;line-height:1.55}

/* ---------- Footer ---------- */
.site-footer{
  background:var(--ink);color:#8fa2bd;padding:36px 22px;text-align:center;
  display:grid;gap:10px;justify-items:center;
}
.site-footer img{height:40px;width:auto;opacity:.95}
.site-footer p{margin:0;font-size:.86rem}
.site-footer div{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.site-footer a{color:#c6d4e8;text-decoration:none;font-weight:600;font-size:.86rem}
.site-footer a:hover{color:var(--tag)}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}