/* DWBC Inventory — polished SRP + VDP. Uses theme :root tokens. */

/* ---------- Filter bar ---------- */
.dwbc-filters {
	display:flex; flex-wrap:wrap; gap:.6rem;
	background:var(--color-white,#fff); border:1px solid var(--color-stone,#dde2e6);
	border-radius:14px; padding:.9rem; margin:0 0 1.1rem; box-shadow:0 1px 6px rgba(17,17,17,.05);
}
.dwbc-filters input[type=search], .dwbc-filters select {
	padding:.62rem .8rem; border:1px solid var(--color-stone,#dde2e6); border-radius:10px;
	font-size:.95rem; background:#fff; color:var(--color-ink,#111); appearance:none; cursor:pointer;
	transition:border-color .15s ease, box-shadow .15s ease;
}
.dwbc-filters input[type=search]{ cursor:text; }
.dwbc-filters input[type=search]:focus, .dwbc-filters select:focus {
	outline:none; border-color:var(--color-blue,#0d5c97); box-shadow:0 0 0 3px rgba(13,92,151,.12);
}
.dwbc-filters select {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235a646e' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right .7rem center; padding-right:2rem;
}
.dwbc-filters input[type=search]{ flex:1 1 260px; min-width:180px; }

.dwbc-count-bar { color:var(--color-muted,#5a646e); margin:0 0 1.3rem; font-size:1rem; }
.dwbc-count-bar strong { color:var(--color-blue,#0d5c97); font-size:1.5rem; font-weight:800; }

/* ---------- Grid + cards ---------- */
.dwbc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; margin:0 0 1.5rem; }
.dwbc-card {
	background:var(--color-white,#fff); border:1px solid var(--color-stone,#dde2e6);
	border-radius:14px; overflow:hidden; display:flex; flex-direction:column;
	box-shadow:0 2px 10px rgba(17,17,17,.06); transition:transform .18s ease, box-shadow .18s ease;
}
.dwbc-card:hover { transform:translateY(-5px); box-shadow:0 12px 28px rgba(17,17,17,.14); }

.dwbc-card-imgwrap { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; background:#e7ebef; }
.dwbc-card-img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.dwbc-card:hover .dwbc-card-img { transform:scale(1.07); }
.dwbc-badge {
	position:absolute; bottom:.65rem; left:.65rem; background:var(--color-green-dark,#3a8541);
	color:#fff; font-weight:800; font-size:1.15rem; padding:.4rem .8rem; border-radius:10px;
	box-shadow:0 3px 10px rgba(0,0,0,.28); letter-spacing:.2px;
}
.dwbc-chip {
	position:absolute; top:.65rem; left:.65rem; background:rgba(17,17,17,.72); color:#fff;
	font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.4px;
	padding:.28rem .6rem; border-radius:999px; backdrop-filter:blur(2px);
}

.dwbc-card-body { padding:1rem 1.1rem 1.2rem; display:flex; flex-direction:column; flex:1; }
.dwbc-card-title { font-size:1.12rem; margin:0 0 .3rem; line-height:1.2; }
.dwbc-card-title a { color:var(--color-ink,#111); text-decoration:none; }
.dwbc-card-title a:hover { color:var(--color-blue,#0d5c97); }
.dwbc-card-meta { color:var(--color-muted,#5a646e); font-size:.9rem; margin:0 0 1rem; }
.dwbc-btn-full {
	margin-top:auto; display:block; text-align:center; background:var(--color-blue,#0d5c97);
	color:#fff !important; text-decoration:none !important; font-weight:700; padding:.7rem 1rem;
	border-radius:10px; font-size:.95rem; transition:background .15s ease;
}
.dwbc-btn-full:hover { background:var(--color-blue-dark,#0a4a79); }

.dwbc-empty, .dwbc-none {
	background:#eaf4ee; border-left:5px solid var(--color-green,#49a451);
	padding:1.1rem 1.3rem; border-radius:12px;
}

/* ---------- VDP ---------- */
.dwbc-vdp { display:grid; grid-template-columns:1.35fr 1fr; gap:2rem; align-items:start; }
.dwbc-vdp-main { width:100%; border-radius:14px; border:1px solid var(--color-stone,#dde2e6); background:#e7ebef; }
.dwbc-vdp-thumbs { display:grid; grid-template-columns:repeat(6,1fr); gap:.5rem; margin-top:.6rem; }
.dwbc-vdp-thumbs img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:8px; cursor:pointer; border:2px solid transparent; transition:border-color .15s ease; }
.dwbc-vdp-thumbs img:hover { border-color:var(--color-blue,#0d5c97); }
.dwbc-vdp-info h1 { margin:0 0 .3rem; }
.dwbc-vdp-price { color:var(--color-green-dark,#3a8541); font-weight:800; font-size:2.2rem; }
.dwbc-vdp-sub { color:var(--color-muted,#5a646e); margin:.3rem 0 1.1rem; }
.dwbc-vdp-cta { display:flex; gap:.6rem; flex-wrap:wrap; }
.dwbc-vdp-note { color:var(--color-muted,#5a646e); font-size:.9rem; margin-top:1rem; }
.dwbc-specs { width:100%; border-collapse:collapse; margin-top:1rem; }
.dwbc-specs th, .dwbc-specs td { text-align:left; padding:.65rem .85rem; border-bottom:1px solid var(--color-stone,#dde2e6); }
.dwbc-specs tr:nth-child(even){ background:#f7f9fb; }
.dwbc-specs th { width:38%; color:var(--color-ink,#111); font-weight:700; }
.dwbc-vdp-desc { color:var(--color-ink,#111); }

/* ---------- Carfax ---------- */
.dwbc-carfax { margin-top:1rem; }
.dwbc-carfax img { max-width:240px; height:auto; }
.dwbc-carfax-btn { display:inline-block; background:#00539b; color:#fff; font-weight:700; padding:.55rem 1rem; border-radius:8px; font-size:.95rem; text-decoration:none; }
.dwbc-carfax-btn:hover { background:#003f77; }

/* ---------- Wider inventory page ---------- */
.page-content.dwbc-wide .container { max-width:1200px; }
.page-content.dwbc-wide .dwbc-grid { grid-template-columns:repeat(4,1fr); }

/* ---------- Responsive ---------- */
@media (max-width:1100px){ .page-content.dwbc-wide .dwbc-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:860px){
	.dwbc-grid, .page-content.dwbc-wide .dwbc-grid { grid-template-columns:repeat(2,1fr); }
	.dwbc-vdp { grid-template-columns:1fr; }
	.dwbc-vdp-thumbs { grid-template-columns:repeat(5,1fr); }
}
@media (max-width:560px){ .dwbc-grid, .page-content.dwbc-wide .dwbc-grid { grid-template-columns:1fr; } }

/* ---------- Lead / contact forms ---------- */
.dwbc-form-wrap { margin-top: 2rem; }
.dwbc-form { background:var(--color-white,#fff); border:1px solid var(--color-stone,#dde2e6); border-radius:14px; padding:1.4rem; box-shadow:0 2px 10px rgba(17,17,17,.05); max-width:640px; }
.dwbc-form-row { display:flex; gap:.7rem; margin-bottom:.7rem; }
.dwbc-form-row > * { flex:1; }
.dwbc-form input, .dwbc-form textarea {
	width:100%; padding:.7rem .8rem; border:1px solid var(--color-stone,#dde2e6); border-radius:10px;
	font-size:.98rem; font-family:inherit; color:var(--color-ink,#111); box-sizing:border-box;
}
.dwbc-form input:focus, .dwbc-form textarea:focus { outline:none; border-color:var(--color-blue,#0d5c97); box-shadow:0 0 0 3px rgba(13,92,151,.12); }
.dwbc-form textarea { margin-bottom:.9rem; resize:vertical; }
.dwbc-form .btn { border:0; cursor:pointer; }
.dwbc-form-fine { color:var(--color-muted,#5a646e); font-size:.82rem; margin:.7rem 0 0; }
.dwbc-hp { position:absolute; left:-9999px; height:0; overflow:hidden; }
.dwbc-form-ok { background:#eaf4ee; border-left:5px solid var(--color-green,#49a451); padding:1rem 1.2rem; border-radius:10px; margin-bottom:1rem; }
.dwbc-form-err { background:#fdecec; border-left:5px solid #c0392b; padding:1rem 1.2rem; border-radius:10px; margin-bottom:1rem; }
@media (max-width:560px){ .dwbc-form-row { flex-direction:column; } }

/* Expanded inquiry form controls */
.dwbc-fieldset { border:1px solid var(--color-stone,#dde2e6); border-radius:10px; padding:.6rem .9rem; margin:0 0 .9rem; }
.dwbc-fieldset legend { font-size:.85rem; font-weight:700; color:var(--color-muted,#5a646e); padding:0 .4rem; }
.dwbc-inline { display:inline-flex; align-items:center; gap:.35rem; margin-right:1.1rem; font-size:.95rem; cursor:pointer; }
.dwbc-inline input { width:auto; }
.dwbc-check { display:flex; align-items:center; gap:.5rem; margin:.2rem 0 .9rem; font-weight:600; cursor:pointer; }
.dwbc-check input { width:auto; }
.dwbc-trade { border-left:4px solid var(--color-green,#49a451); background:#f7faf8; border-radius:10px; padding:1rem; margin:0 0 1rem; }
.dwbc-owe { margin-top:.6rem; }