/* ===== MG inventory (archive-car) ===== */
/* page bg: override theme's forced white */
html body.post-type-archive-car,
html body.post-type-archive-car #page,
html body.post-type-archive-car .site,
html body.post-type-archive-car .site-content{background:var(--mg-base)!important;color:var(--mg-text)!important;}
html body.post-type-archive-car .dag-container{color:var(--mg-text)!important;}
/* header */
html body.post-type-archive-car .dag-title,
html body.post-type-archive-car .dag-h2{font-family:var(--mg-head)!important;color:var(--mg-white)!important;text-transform:uppercase;letter-spacing:.02em;}
html body.post-type-archive-car .dag-subtitle,
html body.post-type-archive-car .dag-found{color:var(--mg-dim)!important;}
/* filters panel */
html body.post-type-archive-car .dag-filters{background:var(--mg-panel)!important;border:1px solid var(--mg-hair)!important;border-top:3px solid var(--mg-accent)!important;border-radius:0!important;}
html body.post-type-archive-car .dag-filters__title{font-family:var(--mg-head)!important;color:var(--mg-white)!important;text-transform:uppercase;letter-spacing:.03em;}
html body.post-type-archive-car .dag-field label{color:var(--mg-dim)!important;font-family:var(--mg-head)!important;text-transform:uppercase;letter-spacing:.05em;font-size:12px;}
html body.post-type-archive-car .dag-field input,
html body.post-type-archive-car .dag-field select{background:var(--mg-panel-2)!important;color:var(--mg-text)!important;border:1px solid var(--mg-hair-2)!important;border-radius:0!important;}
html body.post-type-archive-car .dag-field select option{background:var(--mg-panel-2)!important;color:var(--mg-text)!important;}
html body.post-type-archive-car .dag-field input:focus,
html body.post-type-archive-car .dag-field select:focus{border-color:var(--mg-accent)!important;outline:0!important;box-shadow:0 0 0 2px rgba(224,31,38,.22)!important;}
/* cards */
html body.post-type-archive-car .dag-inv-card{background:var(--mg-panel)!important;border:1px solid var(--mg-hair)!important;border-radius:0!important;overflow:hidden;transition:transform .2s ease,border-color .2s ease;}
html body.post-type-archive-car .dag-inv-card:hover{transform:translateY(-4px);border-color:var(--mg-accent)!important;}
html body.post-type-archive-car .dag-inv-card__media img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .35s ease;}
html body.post-type-archive-car .dag-inv-card:hover .dag-inv-card__media img{transform:scale(1.05);}
html body.post-type-archive-car .dag-inv-card__title,
html body.post-type-archive-car .dag-inv-card__title a{font-family:var(--mg-head)!important;color:var(--mg-white)!important;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;}
html body.post-type-archive-car .dag-spec-mini dt{color:var(--mg-dim)!important;font-family:var(--mg-body)!important;}
html body.post-type-archive-car .dag-spec-mini dd{color:var(--mg-text)!important;}
html body.post-type-archive-car .dag-spec-mini{border-top:1px solid var(--mg-hair)!important;}
/* price = last spec row -> red bold */
html body.post-type-archive-car .dag-spec-mini > div:last-child dt{color:var(--mg-dim)!important;}
html body.post-type-archive-car .dag-spec-mini > div:last-child dd{color:var(--mg-accent-2)!important;font-family:var(--mg-head)!important;font-size:19px!important;font-weight:600!important;letter-spacing:.02em;}
/* buttons */
html body.post-type-archive-car .dag-btn--primary{background:var(--mg-accent)!important;background-image:none!important;border:1px solid var(--mg-accent)!important;color:#fff!important;border-radius:0!important;font-family:var(--mg-head)!important;text-transform:uppercase;letter-spacing:.05em;}
html body.post-type-archive-car .dag-btn--primary:hover{background:var(--mg-accent-2)!important;border-color:var(--mg-accent-2)!important;}
html body.post-type-archive-car .dag-btn--ghost{background:transparent!important;border:1px solid var(--mg-hair-2)!important;color:var(--mg-text)!important;border-radius:0!important;font-family:var(--mg-head)!important;text-transform:uppercase;}
html body.post-type-archive-car .dag-btn--ghost:hover{border-color:var(--mg-accent)!important;color:var(--mg-white)!important;}
/* pagination */
html body.post-type-archive-car .dag-pagination .page-numbers{background:var(--mg-panel)!important;color:var(--mg-text)!important;border:1px solid var(--mg-hair-2)!important;border-radius:0!important;}
html body.post-type-archive-car .dag-pagination .page-numbers.current,
html body.post-type-archive-car .dag-pagination a.page-numbers:hover{background:var(--mg-accent)!important;border-color:var(--mg-accent)!important;color:#fff!important;}
/* visit-us card */
html body.post-type-archive-car .dag-visit__card{background:var(--mg-panel)!important;border:1px solid var(--mg-hair)!important;border-top:3px solid var(--mg-accent)!important;border-radius:0!important;}
html body.post-type-archive-car .dag-visit__brand-title{color:var(--mg-white)!important;font-family:var(--mg-head)!important;text-transform:uppercase;}
html body.post-type-archive-car .dag-visit__label{color:var(--mg-dim)!important;font-family:var(--mg-head)!important;text-transform:uppercase;}
html body.post-type-archive-car .dag-visit__value,
html body.post-type-archive-car .dag-visit__brand-text{color:var(--mg-text)!important;}
/* visit-us contact links -> chrome */
html body.post-type-archive-car .dag-visit__value a,
html body.post-type-archive-car .dag-visit a{color:var(--mg-text)!important;text-decoration:none;}
html body.post-type-archive-car .dag-visit__value a:hover{color:var(--mg-accent-2)!important;}
/* FIX 2026-07-27: Visit Us block was a full-width vertical stack of cards, each with a red top
 * border, so the accents read as stray "red divider lines"; labels were low-contrast. Lay the
 * cards out as a proper responsive grid (like the Contact info cards) and lift label contrast.
 * (Empty Phone card is now hidden at the template level in archive-car.php.) */
html body.post-type-archive-car .dag-visit__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px;align-items:stretch;}
html body.post-type-archive-car .dag-visit__card{padding:18px 20px 20px!important;}
html body.post-type-archive-car .dag-visit__label{color:#aab0b8!important;letter-spacing:.06em;font-size:12px;margin:0 0 8px;}
html body.post-type-archive-car .dag-visit__value{font-size:15px;line-height:1.55;}
html body.post-type-archive-car .dag-visit__brand{margin-top:22px;}

/* FIX 2026-07-28 (Pass 2): desktop inventory cards -> vertical photo-top grid (matches homepage
 * "Featured Inventory"). List was one column of horizontal rows; make it a responsive card grid and
 * stack media over body. Spec-mini stays a 2-col grid with a full-width red price row; View Details
 * becomes a full-width footer button; the year chip is hidden (redundant with the title, which
 * already begins with the year). Mobile already stacks. */
html body.post-type-archive-car .dag-inv-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important;}
html body.post-type-archive-car .dag-inv-card{display:flex!important;flex-direction:column!important;gap:0!important;}
html body.post-type-archive-car .dag-inv-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--mg-panel-2);}
html body.post-type-archive-car .dag-inv-card__media img{width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:16/10!important;transition:transform .35s ease;}
html body.post-type-archive-car .dag-inv-card:hover .dag-inv-card__media img{transform:scale(1.05);}
html body.post-type-archive-car .dag-inv-card__body{display:flex!important;flex-direction:column;gap:12px;padding:16px 18px 18px!important;flex:1;}
html body.post-type-archive-car .dag-inv-card__title{order:1;font-size:18px!important;line-height:1.25;margin:0!important;}
html body.post-type-archive-car .dag-spec-mini{order:2;margin:0!important;}
html body.post-type-archive-car .dag-inv-card__top{order:3;margin-top:auto;padding-top:14px;border-top:1px solid var(--mg-hair)!important;gap:12px;}
html body.post-type-archive-car .dag-inv-card__top .dag-badge{display:none!important;}
html body.post-type-archive-car .dag-inv-card__top > .dag-btn{margin-left:0!important;width:100%;justify-content:center;}
@media(max-width:1024px){html body.post-type-archive-car .dag-inv-list{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:640px){html body.post-type-archive-car .dag-inv-list{grid-template-columns:1fr!important;}}
/* FIX 2026-07-28: card specs were a 2-col grid that wrapped long values ("Automatic 3-Speed")
 * onto 3 lines in the narrow vertical cards. Single-column label-left / value-right rows read
 * cleaner and never wrap awkwardly; the price stays a distinct emphasised bottom row. */
html body.post-type-archive-car .dag-spec-mini{grid-template-columns:1fr!important;gap:7px!important;}
html body.post-type-archive-car .dag-spec-mini > div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;}
html body.post-type-archive-car .dag-spec-mini dt{white-space:nowrap;}
html body.post-type-archive-car .dag-spec-mini dd{text-align:right;overflow-wrap:anywhere;}