/* inventory.css — iz cleaned 20260627T000151Z: dead .inventory-* removed + mobile @media (cards/specs/visit 1-col) + View-Details button-overflow fix. Backup: *.bak-cssclean-* */

body.post-type-archive-car {
  background: var(--ss-bg);
  color: var(--ss-text);
}

.archive-title,
.inventory-title,
body.post-type-archive-car h1,
body.post-type-archive-car .page-title,
body.post-type-archive-car .archive-banner__title {
  color: #ffffff !important;
  font-family: var(--ss-font-display);
  letter-spacing: .05em;
  text-shadow: 0 0 22px rgba(255, 0, 0, .45);
  text-transform: uppercase;
  opacity: 1 !important;
}

.inventory-wrap, .dag-inventory, .car-archive, .vehicle-archive {
  color: var(--ss-text-soft);
}

/* narrowed: real filter wrappers only */
.inventory-filters,
.dag-inventory-filters,
.car-filters,
.dag-filter,
.archive-filters {
  background: linear-gradient(180deg, #121212, #070707);
  border: 1px solid rgba(255, 0, 0, .20);
  border-radius: 18px;
  box-shadow: var(--ss-shadow-red-soft);
}

.inventory-filters input, .inventory-filters select,
.dag-inventory-filters input, .dag-inventory-filters select,
.car-filters input, .car-filters select {
  background: #050505;
  border-color: rgba(255, 0, 0, .24);
  color: #fff;
}

/* ===== SS V4 inventory parity skin (additive; original Tommy's Auto Sales dark/red) ===== */
.ss-inventory{ background:var(--ss-bg,#050505); color:var(--ss-text,#fff); padding:48px 0 72px; }
.ss-inventory__container{ max-width:1240px; margin:0 auto; padding:0 20px; }
.ss-inventory__hero{ text-align:center; margin:0 auto 36px; }
.ss-inventory__title{ font-family:var(--ss-font-display,"Bebas Neue",sans-serif); font-weight:800; text-transform:uppercase;
  letter-spacing:.04em; font-size:clamp(2.2rem,6vw,4.5rem); color:#fff; margin:0 0 10px; text-shadow:0 0 34px rgba(255,0,0,.35); }
.ss-inventory__hero .dag-subtitle{ color:var(--ss-text-muted,#bbb); max-width:680px; margin:0 auto; }
.ss-inventory .dag-found{ color:var(--ss-text-muted,#bbb); margin:6px 0 22px; font-weight:600; letter-spacing:.02em; }
.ss-inventory__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:26px; }
.ss-car-card{ background:linear-gradient(180deg,var(--ss-panel,#101010),var(--ss-bg-2,#070707));
  border:1px solid var(--ss-border-red,rgba(255,0,0,.26)); border-radius:var(--ss-radius-md,16px); overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.ss-car-card:hover{ transform:translateY(-6px); box-shadow:var(--ss-shadow-red,0 0 26px rgba(255,0,0,.24)); border-color:rgba(255,0,0,.5); }
.ss-car-card__media{ display:block; position:relative; aspect-ratio:16/10; background:#0a0a0a; overflow:hidden; }
.ss-car-card__media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.ss-car-card:hover .ss-car-card__media img{ transform:scale(1.05); }
.ss-car-card__body{ padding:18px 18px 20px; }
.ss-car-card__body .dag-inv-card__title a{ color:#fff; text-decoration:none; font-weight:700; }
.ss-car-card__body .dag-badge{ background:rgba(255,0,0,.14); color:#ff5a5a; border:1px solid rgba(255,0,0,.3);
  padding:3px 10px; border-radius:999px; font-size:.78rem; font-weight:700; letter-spacing:.03em; }
.ss-car-card__price{ color:var(--ss-red,#ff0000)!important; font-weight:800; font-size:1.15rem; }
.ss-car-card__price.is-sold{ color:#bbb!important; }
.ss-car-card__cta{ background:var(--ss-red,#ff0000); color:#fff!important; border:0; border-radius:8px;
  padding:8px 16px; font-weight:700; text-decoration:none; letter-spacing:.02em; display:inline-block; }
.ss-car-card__cta:hover{ background:var(--ss-red-dark,#970000); }
.ss-inventory .dag-spec-mini{ color:var(--ss-text-soft,#ddd); }
.ss-inventory .dag-spec-mini dt{ color:var(--ss-text-muted,#999); }
.ss-inventory .dag-visit{ margin-top:56px; background:var(--ss-bg-3,#0d0d0d); border:1px solid var(--ss-border-red,rgba(255,0,0,.26));
  border-radius:var(--ss-radius-lg,24px); padding:36px; }
.ss-inventory .dag-visit__value a{ color:#ff5a5a; }

/* ===== SS V4.1 inventory parity refinements (match original mockup) ===== */
.ss-sr-only{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
/* centered "Find Your Next Classic" search card */
.ss-inventory__search{ max-width:920px; margin:0 auto 30px; background:linear-gradient(180deg,#121212,#070707)!important;
  border:1px solid var(--ss-border-red,rgba(255,0,0,.26))!important; border-radius:var(--ss-radius-md,16px)!important;
  box-shadow:var(--ss-shadow-red-soft,0 0 18px rgba(255,0,0,.16))!important; padding:26px 26px 22px!important; text-align:center; }
.ss-inventory__search .dag-filters__title{ font-family:var(--ss-font-display,"Bebas Neue",sans-serif); text-transform:uppercase;
  letter-spacing:.04em; color:#fff; font-size:1.8rem; margin:0 0 16px; }
.ss-inventory__search .dag-filter-form{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:end; }
.ss-inventory__search .dag-field{ flex:1 1 160px; min-width:130px; text-align:left; }
.ss-inventory__search .dag-field label{ display:block; color:var(--ss-text-muted,#bbb); font-size:.78rem; margin-bottom:4px; }
.ss-inventory__search .dag-field input, .ss-inventory__search .dag-field select{ width:100%; background:#050505; color:#fff;
  border:1px solid rgba(255,0,0,.24); border-radius:8px; padding:9px 10px; }
.ss-inventory__search .dag-actions{ display:flex; gap:8px; }
.ss-inventory__search .dag-btn--primary{ background:var(--ss-red,#ff0000); color:#fff; border:0; border-radius:8px; padding:10px 22px; font-weight:700; }
.ss-inventory__search .dag-btn--ghost{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.25); border-radius:8px; padding:10px 18px; }
/* section title */
.ss-inventory__section-title{ font-family:var(--ss-font-display,"Bebas Neue",sans-serif); text-transform:uppercase; letter-spacing:.04em;
  color:#fff; text-align:center; font-size:clamp(1.8rem,4vw,3rem); margin:8px 0 26px; text-shadow:0 0 24px rgba(255,0,0,.3); }
/* COMPACT even cards (original mockup look) */
.ss-inventory__grid{ grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); align-items:stretch; }
.ss-car-card{ display:flex; flex-direction:column; }
.ss-car-card__media{ aspect-ratio:16/11; }
.ss-car-card__body{ display:flex; flex-direction:column; flex:1; padding:16px 16px 18px; }
.ss-car-card .dag-inv-card__top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.ss-car-card .dag-inv-card__title{ font-size:1.05rem; margin:0 0 10px; line-height:1.2; }
.ss-car-card .dag-spec-mini{ margin:0 0 12px; font-size:.8rem; display:grid; grid-template-columns:1fr 1fr; gap:2px 14px; }
.ss-car-card .dag-spec-mini > div{ display:flex; justify-content:space-between; gap:6px; padding:3px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.ss-car-card .dag-spec-mini dt{ color:var(--ss-text-muted,#888); margin:0; font-weight:500; }
.ss-car-card .dag-spec-mini dd{ color:#fff; margin:0; font-weight:700; }
.ss-car-card .dag-spec-mini > div:has(.ss-car-card__price){ grid-column:1 / -1; border-bottom:0; padding-top:8px; }
.ss-car-card .dag-spec-mini dd.ss-car-card__price{ color:var(--ss-red,#ff0000)!important; font-size:1.25rem; }
.ss-car-card .ss-car-card__cta{ margin-top:auto; align-self:flex-start; }

/* SS V5: horizontal card image fills card height (remove empty gap) */
.ss-inventory__grid{ align-items:start; }
.dag-inv-card{ align-items:stretch; }
.dag-inv-card__media{ align-self:stretch; min-height:100%; }
.dag-inv-card__media img{ height:100%; width:100%; object-fit:cover; }

/* ===== SS contrast fix (2026-06-08): filter fields rendered white-on-white.
   Root cause: global `input,select{background:#fff!important;color:var(--text)!important}`
   (style.css) beat the dark field rule (no !important). Re-assert dark fields here. ===== */
.ss-inventory__search .dag-field input,
.ss-inventory__search .dag-field select,
.ss-inventory__search .dag-field textarea{
  background:#0a0a0a !important;
  color:#ffffff !important;
  border:1px solid rgba(255,0,0,.30) !important;
}
.ss-inventory__search .dag-field input::placeholder{ color:rgba(255,255,255,.55) !important; }
.ss-inventory__search .dag-field select option{ background:#0a0a0a !important; color:#ffffff !important; }
.ss-inventory__search .dag-field label{ color:#dddddd !important; }
.ss-inventory__search .dag-filters__title{ color:#ffffff !important; }

/* iz-css-clean mobile (cards stack + button-overflow fix) */
@media (max-width: 980px){ body.post-type-archive-car .dag-visit__grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 768px){
  body.post-type-archive-car .dag-inv-card{grid-template-columns:1fr;}
  body.post-type-archive-car .dag-inv-card__media{min-height:0;}
  body.post-type-archive-car .dag-inv-card__media img{height:auto;min-height:0;aspect-ratio:16/10;}
  body.post-type-archive-car .dag-filter-form{grid-template-columns:1fr;}
  body.post-type-archive-car .dag-actions{flex-wrap:wrap;}
}
@media (max-width: 560px){
  body.post-type-archive-car .dag-spec-mini{grid-template-columns:1fr;}
  body.post-type-archive-car .dag-inv-card__top{flex-wrap:wrap;gap:8px;}
  body.post-type-archive-car .dag-inv-card__top .dag-btn--small{min-width:0;width:auto;max-width:100%;}
  body.post-type-archive-car .dag-inv-card__title{font-size:22px;}
  body.post-type-archive-car .dag-visit__grid{grid-template-columns:1fr;}
}
/* iz-btn-overflow-guard */
body.post-type-archive-car .dag-inv-card .dag-btn{max-width:100%;}