/* Dalton Inventory: neutral base styles. Override the custom properties in Elementor's site CSS. */
:root {
  --dalton-accent: #c8102e;
  --dalton-text: #1d1d1f;
  --dalton-muted: #5f6368;
  --dalton-line: #e2e2e2;
  --dalton-bg: #ffffff;
  --dalton-radius: 6px;
}

/* Inventory grid */
.dalton-inventory__bar { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.dalton-inventory__types { display: flex; flex-wrap: wrap; gap: 8px; }
.dalton-inventory__types a { padding: 8px 16px; border: 1px solid var(--dalton-line); border-radius: 999px; color: var(--dalton-text); text-decoration: none; font-weight: 600; }
.dalton-inventory__types a.is-active, .dalton-inventory__types a:hover { background: var(--dalton-accent); border-color: var(--dalton-accent); color: #fff; }
.dalton-inventory__sort { display: flex; gap: 8px; align-items: center; font-weight: 600; }
.dalton-inventory__sort select { padding: 8px; border: 1px solid var(--dalton-line); border-radius: var(--dalton-radius); }
.dalton-inventory__count { color: var(--dalton-muted); margin: 0 0 16px; }
.dalton-inventory__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }

.dalton-card { display: flex; flex-direction: column; background: var(--dalton-bg); border: 1px solid var(--dalton-line); border-radius: var(--dalton-radius); overflow: hidden; }
.dalton-card__img { display: block; aspect-ratio: 4 / 3; background: #f3f3f3; }
.dalton-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dalton-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px; flex: 1; }
.dalton-card__title { margin: 0; font-size: 1.15rem; line-height: 1.3; }
.dalton-card__title a { color: var(--dalton-text); text-decoration: none; }
.dalton-card__price { margin: 0; font-size: 1.35rem; font-weight: 700; color: var(--dalton-accent); }
.dalton-card__facts { list-style: none; margin: 0; padding: 0; color: var(--dalton-muted); font-size: .92rem; }
.dalton-card__facts li { padding: 2px 0; }
.dalton-card__cta { margin-top: auto; align-self: flex-start; padding: 10px 18px; background: var(--dalton-accent); color: #fff; border-radius: var(--dalton-radius); text-decoration: none; font-weight: 700; }

/* Single vehicle */
.dalton-gallery__main { cursor: pointer; aspect-ratio: 4 / 3; background: #f3f3f3; border-radius: var(--dalton-radius); overflow: hidden; }
.dalton-gallery__main img { width: 100%; height: 100%; object-fit: contain; display: block; }
.dalton-gallery__thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 8px 0; scroll-snap-type: x mandatory; }
.dalton-gallery__thumb { flex: 0 0 96px; aspect-ratio: 4 / 3; padding: 0; border: 2px solid transparent; border-radius: 4px; background: none; cursor: pointer; scroll-snap-align: start; overflow: hidden; }
.dalton-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dalton-gallery__thumb.is-active { border-color: var(--dalton-accent); }

.dalton-specs { width: 100%; border-collapse: collapse; }
.dalton-specs th, .dalton-specs td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--dalton-line); vertical-align: top; }
.dalton-specs th { width: 40%; color: var(--dalton-muted); font-weight: 600; }
.dalton-price { font-size: 2rem; font-weight: 700; color: var(--dalton-accent); }
.dalton-options { columns: 2 260px; column-gap: 32px; padding-left: 1.2em; }
.dalton-options li { break-inside: avoid; padding: 2px 0; }