/* File: assets/css/pages/inventory.css */
/* Inventory: list view (photo left, specs right). Light, square 4px. */

.dag-inventory{
  padding-block:clamp(24px, 3vw, 48px);
  background:var(--dag-sec-white);
}

/* ─── Hero ──────────────────────────────────────────── */
.inventory-hero{
  background:var(--dag-secondary);
  color:var(--dag-sec-dark-fg);
  padding:clamp(32px, 4vw, 56px) 0;
  margin-bottom:clamp(24px, 3vw, 40px);
  border-bottom:4px solid var(--dag-primary);
}
.inventory-hero > *{
  max-width:var(--dag-container);
  padding-inline:var(--dag-gutter);
  margin-inline:auto;
}
.inventory-title{
  font-family:var(--dag-font-display);
  font-weight:400;
  font-size:clamp(32px, 2.2rem + 1.6vw, 56px);
  letter-spacing:.02em;
  text-transform:uppercase;
  margin:0;
  color:var(--dag-sec-dark-fg);
  line-height:.95;
}
.inventory-lead{
  margin:12px 0 0;
  color:rgba(255,255,255,.78);
  max-width:68ch;
  font-size:15px;
  line-height:1.55;
}

/* ─── Layout ────────────────────────────────────────── */
.inventory-layout{
  display:grid;
  grid-template-columns:300px minmax(0, 1fr);
  gap:32px;
  align-items:start;
  max-width:var(--dag-container);
  padding-inline:var(--dag-gutter);
  margin-inline:auto;
}

@media (max-width: 980px){
  .inventory-layout{grid-template-columns:1fr;gap:18px}
}

/* ─── Sidebar filters ───────────────────────────────── */
.inventory-filters-collapse{
  border:1px solid var(--dag-border);
  background:var(--dag-surface);
}

.inventory-filters-collapse__summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:700;
  font-size:13px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--dag-secondary);
  background:var(--dag-surface-2);
  user-select:none;
  list-style:none;
  border-bottom:1px solid var(--dag-border);
}
.inventory-filters-collapse__summary::-webkit-details-marker{display:none}
.inventory-filters-collapse__summary::after{
  content:"+";
  float:right;
  color:var(--dag-primary);
  font-weight:900;
}
.inventory-filters-collapse[open] > .inventory-filters-collapse__summary::after{content:"−"}

@media (min-width: 981px){
  .inventory-filters-collapse__summary{display:none}
  .inventory-sidebar{
    position:sticky;
    top:calc(var(--wp-admin--admin-bar--height, 0px) + var(--dag-topbar-h) + var(--dag-header-h) + 16px);
    align-self:start;
  }
  .inventory-filters-collapse{border:1px solid var(--dag-border)}
}

.inventory-filters{padding:16px}

.inventory-filters__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--dag-border);
}
.inventory-filters__title{
  font-family:var(--dag-font-display);
  font-weight:400;
  font-size:20px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--dag-secondary);
}

.inventory-filters form,
.inventory-filters__form{display:flex;flex-direction:column;gap:14px}

.inventory-filters label{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--dag-muted);
  margin-bottom:6px;
}

.inventory-filters .filter-group{display:flex;flex-direction:column}
.inventory-filters .filter-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.inventory-filters__actions{
  display:flex;
  gap:8px;
  flex-direction:column;
  margin-top:6px;
}

/* ─── Toolbar above results ─────────────────────────── */
.inventory-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px 16px;
  background:var(--dag-surface-2);
  border:1px solid var(--dag-border);
  margin-bottom:20px;
}

.inventory-toolbar__count{
  font-weight:700;
  font-size:14px;
  color:var(--dag-text);
}
.inventory-toolbar__count strong{color:var(--dag-primary)}

.inventory-toolbar__sort,
.inventory-toolbar__pp{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
}
.inventory-toolbar__sort select,
.inventory-toolbar__pp select{
  min-height:36px;
  padding:6px 28px 6px 12px;
  font-size:13px;
}

/* Active filter chips */
.inventory-active-filters{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:20px;
}
.inventory-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  background:var(--dag-surface);
  border:1px solid var(--dag-border-strong);
  font-size:12px;
  font-weight:600;
  color:var(--dag-text);
}
.inventory-chip a,
.inventory-chip__remove{
  color:var(--dag-danger);
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  line-height:1;
}

/* ─── Results grid → list ──────────────────────────── */
.inventory-results,
.inventory-grid,
.dag-car-grid{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* Grid fallback when small screen or explicit grid variant */
.inventory-grid--grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:20px;
}

/* ─── LIST VIEW: inv-card as row ──────────────────── */
.inv-card{margin:0}

.inv-card__link{
  display:grid;
  grid-template-columns:minmax(280px, 42%) minmax(0, 1fr);
  height:auto;
  border:1px solid var(--dag-border);
  background:var(--dag-surface);
  transition:transform var(--dag-transition), box-shadow var(--dag-transition), border-color var(--dag-transition);
}

.inv-card__link:hover{
  transform:none;
  border-color:var(--dag-primary);
  box-shadow:var(--dag-shadow-md);
}

.inv-card__media{
  position:relative;
  aspect-ratio:auto;
  height:100%;
  min-height:240px;
  overflow:hidden;
  background:var(--dag-surface-3);
}
.inv-card__img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}

.inv-card__body{
  padding:20px 24px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto 1fr auto;
  gap:12px 20px;
  align-items:start;
}

.inv-card__eyebrow{
  grid-column:1 / -1;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dag-primary);
  margin:0;
}

.inv-card__title{
  font-family:var(--dag-font-display);
  font-size:clamp(22px, 1.1rem + .6vw, 28px);
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--dag-secondary);
  margin:0;
  line-height:1.1;
  grid-column:1;
}

.inv-card__price-inline{
  grid-column:2;
  grid-row:2;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1;
  gap:4px;
}

.inv-card__specs{
  list-style:none;
  padding:14px 0;
  margin:0;
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px 16px;
  border-top:1px solid var(--dag-border);
  border-bottom:1px solid var(--dag-border);
}
.inv-card__specs li{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.inv-card__spec-k{
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dag-muted);
}
.inv-card__spec-v{
  font-weight:700;
  font-size:14px;
  color:var(--dag-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.inv-card__foot{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.inv-card__price{display:flex;flex-direction:column;gap:2px;line-height:1}
.inv-price--now{
  font-family:var(--dag-font-display);
  font-size:clamp(24px, 1.4rem + .4vw, 30px);
  letter-spacing:.02em;
  color:var(--dag-primary);
}
.inv-price--old{font-size:13px;color:var(--dag-muted);margin-top:4px}
.inv-price--sold{font-family:var(--dag-font-display);font-size:22px;color:var(--dag-danger)}
.inv-price--na{font-size:14px;color:var(--dag-muted);font-weight:600}

.inv-card__cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 18px;
  background:var(--dag-primary);
  color:var(--dag-primary-contrast);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background var(--anim-fast) ease;
}
.inv-card__link:hover .inv-card__cta{background:var(--dag-primary-active)}

/* Responsive — list collapses to stacked */
@media (max-width: 820px){
  .inv-card__link{grid-template-columns:1fr}
  .inv-card__media{min-height:auto;aspect-ratio:16/10}
  .inv-card__body{padding:18px 20px; grid-template-columns:1fr}
  .inv-card__price-inline{grid-column:1;grid-row:auto;text-align:left;align-items:flex-start}
  .inv-card__specs{grid-template-columns:repeat(2, minmax(0, 1fr))}
}

/* ─── Badges (same as home) ────────────────────────── */
.inv-card__badges{
  position:absolute;
  left:14px; top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  z-index:2;
}
.inv-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 11px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  background:var(--dag-secondary);
  color:var(--dag-sec-dark-fg);
}
.inv-badge--sold{background:var(--dag-danger)}
.inv-badge--deal{background:var(--dag-primary);color:var(--dag-primary-contrast)}
.inv-badge--type{background:rgba(255,255,255,.94);color:var(--dag-secondary);border:1px solid var(--dag-border)}

.inv-card.is-sold .inv-card__img{filter:grayscale(0.65) brightness(0.9)}

/* ─── Empty state ──────────────────────────────────── */
.inventory-empty{
  padding:40px 24px;
  text-align:center;
  border:1px dashed var(--dag-border-strong);
  background:var(--dag-surface-2);
}
.inventory-empty h2{
  font-family:var(--dag-font-display);
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  margin:0 0 10px;
  color:var(--dag-secondary);
}
.inventory-empty p{color:var(--dag-muted);margin:0 0 20px}
.inventory-empty__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* ─── Visit section ────────────────────────────────── */
.inventory-visit{
  margin-top:clamp(40px, 5vw, 72px);
  padding:clamp(32px, 4vw, 56px) 0;
  background:var(--dag-sec-soft);
  border-top:1px solid var(--dag-border);
}
.inventory-visit > *{
  max-width:var(--dag-container);
  padding-inline:var(--dag-gutter);
  margin-inline:auto;
}
.inventory-visit__title{
  font-family:var(--dag-font-display);
  font-weight:400;
  font-size:clamp(24px, 1.5rem + 1vw, 36px);
  letter-spacing:.02em;
  text-transform:uppercase;
  margin:0 0 10px;
  color:var(--dag-secondary);
}
.inventory-visit__lead{
  color:var(--dag-muted);
  margin:0 0 24px;
  max-width:60ch;
}
.inventory-visit__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}
.inventory-visit__card{
  padding:20px;
  border:1px solid var(--dag-border);
  background:var(--dag-surface);
  border-left:3px solid var(--dag-primary);
}
.inventory-visit__label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dag-muted);
  margin-bottom:8px;
}
.inventory-visit__value{
  font-weight:600;
  color:var(--dag-text);
  font-size:15px;
  line-height:1.5;
}
.inventory-visit__value a{color:var(--dag-primary);text-decoration:none}
.inventory-visit__value a:hover{color:var(--dag-primary-active);text-decoration:underline}

@media (max-width: 720px){
  .inventory-visit__grid{grid-template-columns:1fr}
}