/**
 * Classic Looks DEV — Motors layout with Gulf Racing colours
 * https://www.color-hex.com/color-palette/1046255
 * Sky #93dafe · Navy #192c76 · Orange #ff7403 · White #ffffff
 *
 * Do not disable swipe, thumbnail-strip scroll, gallery load, or image nav arrows.
 */

:root {
  --cl-sky: #93dafe;
  --cl-orange: #ff7403;
  --cl-orange-hot: #e06602;
  --cl-blue: #192c76;
  --cl-blue-deep: #121e54;
  --cl-ink: #192c76;
  --cl-green: #6c9c23;
  --cl-max: 1600px;
  --cl-site-tile: 300px;
  /* Light (default): sky page, orange accents */
  --cl-page: #e7f6fe;
  --cl-surface: #ffffff;
  --cl-text: #192c76;
  --cl-muted: #3d5278;
  --cl-line: #93dafe;
  --cl-site-bg: #93dafe;
  --cl-site-fg: #192c76;
  --cl-price-bg: #192c76;
  --cl-price-fg: #ffffff;
  --cl-card: #ffffff;
  --cl-header-bg: #192c76;
}

body.cl-tone-dark,
body.cl-tone-dark.cl-theme-motors,
#auction-ui.cl-tone-dark,
#auction-ui.cl-tone-dark.cl-theme-motors {
  --cl-page: #192c76;
  --cl-surface: #121e54;
  --cl-text: #ffffff;
  --cl-muted: #93dafe;
  --cl-line: #93dafe;
  --cl-site-bg: #0f1b4d;
  --cl-site-fg: #93dafe;
  --cl-price-bg: #ff7403;
  --cl-price-fg: #ffffff;
  --cl-card: #0d163f;
  --cl-header-bg: #0a1028;
}

body:has(#auction-ui[data-classiclooks-env="dev"]),
body:has(:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui)),
body.cl-theme-motors {
  background: var(--cl-page) !important;
  background-image: none !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  color: var(--cl-text);
}

body:has(#auction-ui[data-classiclooks-env="dev"]) .wp-site-blocks,
body:has(#auction-ui[data-classiclooks-env="dev"]) .site-main,
body:has(#auction-ui[data-classiclooks-env="dev"]) .entry-content,
body:has(:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui)) .wp-site-blocks,
body:has(:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui)) .site-main,
body:has(:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui)) .entry-content,
body.cl-theme-motors .wp-site-blocks,
body.cl-theme-motors .site-main,
body.cl-theme-motors .entry-content {
  background: transparent !important;
  max-width: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

#auction-ui[data-classiclooks-env="dev"],
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) {
  font-family: "Open Sans", Arial, sans-serif !important;
  padding: 0 !important;
  max-width: none !important;
  background: var(--cl-page);
  color: var(--cl-text);
}

#auction-ui[data-classiclooks-env="dev"] .classiclooks-dev-banner,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .classiclooks-dev-banner {
  background: #3d1f7a;
  color: #fff;
  border: 0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: Montserrat, "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  margin: 0;
  padding: 8px 16px;
}

#auction-ui[data-classiclooks-env="dev"] .classiclooks-dev-banner code,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .classiclooks-dev-banner code {
  background: rgba(255, 255, 255, 0.16);
  color: #d7c4ff;
  text-transform: none;
  letter-spacing: 0;
}

/* Hero — Motors overlay title on listing photo */
#auction-ui[data-classiclooks-env="dev"] .cl-motors-hero,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-motors-hero {
  position: relative;
  min-height: 280px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(17, 17, 17, 0.78) 0%, rgba(17, 17, 17, 0.28) 55%, rgba(17, 17, 17, 0.55) 100%),
    url("https://classiclooks.co.uk/wp-content/uploads/2025/07/BackgroundImageLoRes-scaled.jpg")
      center 40% / cover no-repeat;
}

#auction-ui[data-classiclooks-env="dev"] .cl-motors-hero-inner,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-motors-hero-inner {
  max-width: var(--cl-max);
  margin: 0 auto;
  padding: 48px 24px;
  width: 100%;
}

#auction-ui[data-classiclooks-env="dev"] .cl-motors-hero h1,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-motors-hero h1 {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: clamp(32px, 5vw, 52px);
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.18);
  text-transform: uppercase;
  line-height: 0.95;
}

#auction-ui[data-classiclooks-env="dev"] .cl-motors-hero h1 span,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-motors-hero h1 span {
  color: #fff;
}

#auction-ui[data-classiclooks-env="dev"] .cl-motors-hero p,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-motors-hero p {
  margin: 10px 0 0;
  color: #fff;
  font-size: 15px;
  max-width: 560px;
}

#auction-ui[data-classiclooks-env="dev"] .cl-motors-hero p b,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-motors-hero p b {
  color: var(--cl-orange);
}

/* Charcoal search strip (Motors “CAR DEALER WORDPRESS THEME”) */
#auction-ui[data-classiclooks-env="dev"] .cl-search-chrome,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-search-chrome {
  background: var(--cl-blue);
  color: #fff;
  border-top: 0;
}

#auction-ui[data-classiclooks-env="dev"] .cl-search-inner,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-search-inner {
  max-width: var(--cl-max);
  margin: 0 auto;
  padding: 28px 24px 0;
}

#auction-ui[data-classiclooks-env="dev"] .cl-search-title-row,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-search-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

#auction-ui[data-classiclooks-env="dev"] .cl-search-title-row h2,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-search-title-row h2 {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
}

#auction-ui[data-classiclooks-env="dev"] .cl-search-title-row h2 b,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-search-title-row h2 b {
  color: var(--cl-orange);
}

#auction-ui[data-classiclooks-env="dev"] .cl-search-meta,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-search-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#auction-ui[data-classiclooks-env="dev"] .cl-available,
#auction-ui[data-classiclooks-env="dev"] #sites-selection-count,
#auction-ui[data-classiclooks-env="dev"] .membership-tier-badge,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-available,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #sites-selection-count,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .membership-tier-badge {
  color: var(--cl-sky);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

#auction-ui[data-classiclooks-env="dev"] .cl-tabs,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-tabs {
  display: flex;
  gap: 4px;
  overflow-x: auto;
}

#auction-ui[data-classiclooks-env="dev"] .cl-tab,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-tab {
  background: var(--cl-blue-deep);
  color: #fff;
  border: 0;
  padding: 12px 22px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
}

#auction-ui[data-classiclooks-env="dev"] .cl-tab.is-on,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-tab.is-on {
  background: var(--cl-sky);
  color: var(--cl-ink);
  box-shadow: none;
}

#auction-ui[data-classiclooks-env="dev"] .cl-tab .models-filter-found-count,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-tab .models-filter-found-count {
  margin-left: 0.35em;
}

#auction-ui[data-classiclooks-env="dev"] .header,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .header {
  max-width: none;
  margin: 0;
  padding: 0;
  background: var(--cl-surface);
  gap: 0 !important;
  margin-bottom: 0 !important;
}

#auction-ui[data-classiclooks-env="dev"] .section,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .section {
  margin-bottom: 0 !important;
  width: 100%;
  max-width: var(--cl-max);
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  box-sizing: border-box;
  background: var(--cl-surface);
}

#auction-ui[data-classiclooks-env="dev"] .section.cl-tab-off,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .section.cl-tab-off {
  display: none !important;
}

#auction-ui[data-classiclooks-env="dev"] .header > .section > .section-header,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .header > .section > .section-header {
  display: none !important;
}

#auction-ui[data-classiclooks-env="dev"] .section:not(.cl-tab-off) > .collapsible-content,
#auction-ui[data-classiclooks-env="dev"] .section:not(.cl-tab-off) > .collapsible-content.active,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .section:not(.cl-tab-off) > .collapsible-content,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .section:not(.cl-tab-off) > .collapsible-content.active {
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--cl-surface) !important;
  color: var(--cl-text);
  padding: 22px 0 26px !important;
}

#auction-ui[data-classiclooks-env="dev"] .membership-sites-hint,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .membership-sites-hint {
  margin: 0 0 14px;
  color: var(--cl-muted);
  font-size: 13px;
}

/* Forms on the white panel */
#auction-ui[data-classiclooks-env="dev"] .control-section,
#auction-ui[data-classiclooks-env="dev"] .controls,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .control-section,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .controls {
  display: flex !important;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-end;
}

#auction-ui[data-classiclooks-env="dev"] .control-section label,
#auction-ui[data-classiclooks-env="dev"] .controls label,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .control-section label,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .controls label {
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #555;
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: stretch;
  white-space: normal;
}

#auction-ui[data-classiclooks-env="dev"] .controls-toggles label,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .controls-toggles label {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #f4f4f4;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  padding: 8px 12px;
  font-weight: 700;
}

#auction-ui[data-classiclooks-env="dev"] #make-select,
#auction-ui[data-classiclooks-env="dev"] #filter-input,
#auction-ui[data-classiclooks-env="dev"] #sort-select,
#auction-ui[data-classiclooks-env="dev"] input[type="text"],
#auction-ui[data-classiclooks-env="dev"] select,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #make-select,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #filter-input,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #sort-select,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) input[type="text"],
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) select {
  height: 46px;
  border: 1px solid #ddd !important;
  background: #f7f7f7 !important;
  padding: 0 14px !important;
  font-size: 14px;
  color: var(--cl-ink);
  max-width: none !important;
  width: 100%;
  border-radius: 0 !important;
}

#auction-ui[data-classiclooks-env="dev"] .autocomplete-wrapper,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .autocomplete-wrapper {
  max-width: none;
  width: min(320px, 100%);
  display: block;
  position: relative;
  z-index: 40;
}

#auction-ui[data-classiclooks-env="dev"] #autocomplete-list,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #autocomplete-list {
  background: #fff !important;
  border: 1px solid var(--cl-orange) !important;
  border-radius: 0 !important;
  color: var(--cl-ink) !important;
  z-index: 80;
  box-shadow: 0 8px 18px rgba(25, 44, 118, 0.22);
}

#auction-ui[data-classiclooks-env="dev"] .autocomplete-item,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .autocomplete-item {
  color: var(--cl-ink) !important;
  background: #fff !important;
}

#auction-ui[data-classiclooks-env="dev"] .autocomplete-item:nth-child(odd),
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .autocomplete-item:nth-child(odd) {
  background: #e7f6fe !important;
}

#auction-ui[data-classiclooks-env="dev"] .autocomplete-item:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .autocomplete-item:hover {
  background: var(--cl-sky) !important;
  color: var(--cl-ink) !important;
}

#auction-ui[data-classiclooks-env="dev"] .styled-btn,
#auction-ui[data-classiclooks-env="dev"] #load-results,
#auction-ui[data-classiclooks-env="dev"] .model-select-all-btn.is-on,
#auction-ui[data-classiclooks-env="dev"] .load-more-btn,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .styled-btn,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #load-results,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .model-select-all-btn.is-on,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .load-more-btn {
  height: 46px;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--cl-orange) !important;
  color: #fff !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: none !important;
}

#auction-ui[data-classiclooks-env="dev"] .styled-btn:hover,
#auction-ui[data-classiclooks-env="dev"] #load-results:hover,
#auction-ui[data-classiclooks-env="dev"] .model-select-all-btn.is-on:hover,
#auction-ui[data-classiclooks-env="dev"] .load-more-btn:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .styled-btn:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #load-results:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .model-select-all-btn.is-on:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .load-more-btn:hover {
  background: var(--cl-orange-hot) !important;
}

#auction-ui[data-classiclooks-env="dev"] .toggle-buttons,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .toggle-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

#auction-ui[data-classiclooks-env="dev"] .toggle-buttons .styled-btn,
#auction-ui[data-classiclooks-env="dev"] .controls .styled-btn,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .toggle-buttons .styled-btn,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .controls .styled-btn {
  height: 36px;
  background: #fff !important;
  color: var(--cl-ink) !important;
  border: 1px solid #ddd !important;
}

#auction-ui[data-classiclooks-env="dev"] .toggle-buttons .styled-btn:hover,
#auction-ui[data-classiclooks-env="dev"] .controls .styled-btn:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .toggle-buttons .styled-btn:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .controls .styled-btn:hover {
  border-color: var(--cl-orange) !important;
  color: var(--cl-orange) !important;
  background: #fff !important;
}

#auction-ui[data-classiclooks-env="dev"] .sales-type,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .sales-type {
  display: flex;
  gap: 10px;
  margin: 0 0 16px;
}

#auction-ui[data-classiclooks-env="dev"] .sales-type label,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .sales-type label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #f4f4f4;
  border: 1px solid #e4e4e4;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.06em;
}

#auction-ui[data-classiclooks-env="dev"] .sales-type input,
#auction-ui[data-classiclooks-env="dev"] .site-option input,
#auction-ui[data-classiclooks-env="dev"] .controls input[type="checkbox"],
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .sales-type input,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option input,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .controls input[type="checkbox"] {
  accent-color: var(--cl-orange);
}

#auction-ui[data-classiclooks-env="dev"] .site-grid,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-grid,
#auction-ui[data-classiclooks-env="dev"] #site-checkboxes,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #site-checkboxes {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, var(--cl-site-tile));
  justify-content: start;
  gap: 8px;
  flex-wrap: unset;
}

#auction-ui[data-classiclooks-env="dev"] .site-option,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option {
  display: flex !important;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: var(--cl-site-tile) !important;
  min-width: var(--cl-site-tile) !important;
  max-width: var(--cl-site-tile) !important;
  margin: 0 !important;
  background: var(--cl-site-bg) !important;
  border: 1px solid var(--cl-orange) !important;
  border-radius: 0 !important;
  font-family: Montserrat, sans-serif;
  padding: 8px 10px;
  color: var(--cl-site-fg) !important;
  overflow: hidden;
}

#auction-ui[data-classiclooks-env="dev"] .site-option input,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
}

#auction-ui[data-classiclooks-env="dev"] .site-option img,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option img {
  flex: 0 0 auto;
  height: 22px;
  width: auto;
  max-width: 72px;
  object-fit: contain;
}

#auction-ui[data-classiclooks-env="dev"] .site-option span,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option span {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--cl-site-fg);
}

#auction-ui[data-classiclooks-env="dev"] .site-option:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option:hover {
  background: #fff !important;
  border-color: var(--cl-orange-hot) !important;
}

#auction-ui.cl-tone-dark .site-option:hover,
body.cl-tone-dark :is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option:hover {
  background: #192c76 !important;
}

#auction-ui[data-classiclooks-env="dev"] .site-option:has(input:checked),
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-option:has(input:checked) {
  border-color: var(--cl-orange) !important;
  background: var(--cl-site-bg) !important;
  box-shadow: inset 0 0 0 1px var(--cl-orange);
}

#auction-ui[data-classiclooks-env="dev"] .cl-tone-toggle,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-tone-toggle {
  appearance: none;
  border: 1px solid var(--cl-orange);
  background: var(--cl-orange);
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
}

#auction-ui[data-classiclooks-env="dev"] .cl-tone-toggle:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-tone-toggle:hover {
  background: var(--cl-orange-hot);
}

#auction-ui[data-classiclooks-env="dev"] .model-filter-chip,
#auction-ui[data-classiclooks-env="dev"] .model-select-all-btn:not(.is-on),
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .model-filter-chip,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .model-select-all-btn:not(.is-on) {
  border-radius: 0 !important;
  font-family: Montserrat, sans-serif !important;
}

#auction-ui[data-classiclooks-env="dev"] .model-filter-chip.is-active,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .model-filter-chip.is-active {
  background: var(--cl-orange) !important;
  border-color: var(--cl-orange) !important;
  color: #fff !important;
}

#auction-ui[data-classiclooks-env="dev"] .filter-guide,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .filter-guide {
  color: var(--cl-muted);
  font-size: 13px;
}

/* Progress strip: labels above tracks so both bars stay full-width and visible */
#auction-ui[data-classiclooks-env="dev"] .auction-results-progress-wrap,
#auction-ui[data-classiclooks-env="dev"] .membership-results-banner,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .auction-results-progress-wrap,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .membership-results-banner {
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 24px 20px !important;
  background: var(--cl-blue);
  border-top: 1px solid var(--cl-sky);
  color: #fff;
}

#auction-ui[data-classiclooks-env="dev"] .progress-block,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .progress-block {
  max-width: var(--cl-max);
  margin: 0 auto 16px;
  width: 100%;
}

#auction-ui[data-classiclooks-env="dev"] .progress-block:last-child,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .progress-block:last-child {
  margin-bottom: 0;
}

#auction-ui[data-classiclooks-env="dev"] .progress-container,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .progress-container {
  position: relative;
  background: #0a1028 !important;
  border: 1px solid rgba(147, 218, 254, 0.55) !important;
  border-radius: 0 !important;
  height: 10px !important;
  overflow: visible !important;
  margin-top: 26px !important;
  width: 100% !important;
}

#auction-ui[data-classiclooks-env="dev"] .progress-bar,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .progress-bar {
  height: 10px !important;
  max-width: 100%;
}

#auction-ui[data-classiclooks-env="dev"] .progress-bar--search,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .progress-bar--search {
  background: var(--cl-green) !important;
}

#auction-ui[data-classiclooks-env="dev"] .progress-bar--completion,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .progress-bar--completion {
  background: var(--cl-orange) !important;
}

#auction-ui[data-classiclooks-env="dev"] .progress-overlay,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .progress-overlay {
  font-family: Montserrat, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cl-sky) !important;
  text-shadow: none !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  bottom: calc(100% + 6px) !important;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Inventory */
#auction-ui[data-classiclooks-env="dev"] #auction-results,
#auction-ui[data-classiclooks-env="dev"] .dashboard-grid,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) #auction-results,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .dashboard-grid {
  max-width: var(--cl-max);
  margin: 0 auto;
  padding: 28px 24px 80px;
  background: var(--cl-page);
}

#auction-ui[data-classiclooks-env="dev"] .auction-group,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .auction-group {
  margin: 0 0 28px;
  padding-bottom: 4px;
}

#auction-ui[data-classiclooks-env="dev"] .card-group,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .card-group {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 22px !important;
  margin-top: 16px !important;
}

#auction-ui[data-classiclooks-env="dev"] .accordion-header,
#auction-ui[data-classiclooks-env="dev"] .accordion-header.group-heading,
#auction-ui[data-classiclooks-env="dev"] .accordion-header.expanded,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .accordion-header,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .accordion-header.group-heading,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .accordion-header.expanded {
  background: var(--cl-header-bg) !important;
  color: #fff !important;
  border: 1px solid var(--cl-sky) !important;
  border-top: 4px solid var(--cl-orange) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 4px;
}

#auction-ui[data-classiclooks-env="dev"] .accordion-header:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .accordion-header:hover {
  background: var(--cl-blue-deep) !important;
}

#auction-ui[data-classiclooks-env="dev"] .accordion-header a.auction-link,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .accordion-header a.auction-link {
  color: #fff !important;
  border-bottom: 1px solid var(--cl-orange);
  text-decoration: none !important;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#auction-ui[data-classiclooks-env="dev"] .chevron,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .chevron {
  background-color: var(--cl-orange) !important;
}

#auction-ui[data-classiclooks-env="dev"] .stats,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .stats {
  background: rgba(147, 218, 254, 0.16);
  color: var(--cl-sky);
  border-radius: 0;
  border: 1px solid var(--cl-sky);
}

#auction-ui[data-classiclooks-env="dev"] .scrape-site-status--complete,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .scrape-site-status--complete {
  color: #b8f5c6 !important;
}

#auction-ui[data-classiclooks-env="dev"] .scrape-site-status--running,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .scrape-site-status--running {
  color: #ffd27a !important;
}

#auction-ui[data-classiclooks-env="dev"] .scrape-site-status--error,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .scrape-site-status--error {
  color: #ffc9c9 !important;
}

#auction-ui[data-classiclooks-env="dev"] .site-scroll-rail-inner,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .site-scroll-rail-inner {
  background: var(--cl-orange) !important;
  border-radius: 0 !important;
}

#auction-ui[data-classiclooks-env="dev"] .back-to-top,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .back-to-top {
  border-radius: 0;
  background: var(--cl-orange);
}

/* Cards — keep swipe/gallery; panels so listings stay distinct */
#auction-ui[data-classiclooks-env="dev"] .car-card,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .car-card {
  background: var(--cl-card) !important;
  border: 1px solid var(--cl-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: none;
  color: var(--cl-text);
  overflow: hidden;
}

#auction-ui[data-classiclooks-env="dev"] .car-card:not(.skeleton):not(.placeholder):hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .car-card:not(.skeleton):not(.placeholder):hover {
  transform: none;
  border-color: var(--cl-orange) !important;
  box-shadow: none !important;
}

#auction-ui[data-classiclooks-env="dev"] .car-card .main-image,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .car-card .main-image {
  background: #1a1a1a;
}

#auction-ui[data-classiclooks-env="dev"] .card-details,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .card-details {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 12px;
  padding: 12px 12px 10px;
  align-items: start;
}

#auction-ui[data-classiclooks-env="dev"] .card-details h3,
#auction-ui[data-classiclooks-env="dev"] .car-card:hover .card-details h3,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .card-details h3,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .car-card:hover .card-details h3 {
  grid-column: 1;
  grid-row: 1;
  color: var(--cl-text) !important;
  font-family: Montserrat, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 13px !important;
  font-weight: 700;
}

#auction-ui[data-classiclooks-env="dev"] .price,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .price {
  grid-column: 2;
  grid-row: 1;
  font-family: Montserrat, sans-serif !important;
  background: var(--cl-price-bg);
  margin: 0;
  min-width: 92px;
  text-align: center;
  padding: 6px 8px 7px;
  font-size: 15px;
  font-weight: 700;
  color: var(--cl-price-fg) !important;
}

#auction-ui[data-classiclooks-env="dev"] .info-line-specs,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .info-line-specs {
  grid-column: 1 / -1;
  grid-row: 2;
  color: var(--cl-muted);
  font-size: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--cl-line);
}

#auction-ui[data-classiclooks-env="dev"] .info-line-location,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .info-line-location {
  grid-column: 1 / -1;
  grid-row: 3;
  color: var(--cl-muted);
  font-size: 12px;
}

#auction-ui[data-classiclooks-env="dev"] .price-banner,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .price-banner {
  background: var(--cl-blue) !important;
  border-radius: 0;
}

#auction-ui[data-classiclooks-env="dev"] .listing-cta-link,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .listing-cta-link {
  border-radius: 0 !important;
  background: var(--cl-orange) !important;
  color: #fff !important;
  font-family: Montserrat, sans-serif !important;
  letter-spacing: 0.1em;
  box-shadow: none !important;
}

#auction-ui[data-classiclooks-env="dev"] .car-card .thumbnails,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .car-card .thumbnails {
  justify-content: flex-start;
  padding: 8px 12px 0;
  gap: 4px;
  max-width: 100%;
}

#auction-ui[data-classiclooks-env="dev"] .thumbnails img,
#auction-ui[data-classiclooks-env="dev"] .ghost-thumb,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .thumbnails img,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .ghost-thumb {
  width: 48px;
  height: 36px;
  border-radius: 0;
  opacity: 0.7;
  border-color: transparent;
}

#auction-ui[data-classiclooks-env="dev"] img.active-thumb,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) img.active-thumb {
  border: 2px solid var(--cl-orange) !important;
  box-shadow: none !important;
  border-radius: 0;
  opacity: 1;
}

#auction-ui[data-classiclooks-env="dev"] .info-line i,
#auction-ui[data-classiclooks-env="dev"] .info-item > .spec-icon-wrap .spec-inline-svg,
#auction-ui[data-classiclooks-env="dev"] .info-line .spec-inline-svg,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .info-line i,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .info-item > .spec-icon-wrap .spec-inline-svg,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .info-line .spec-inline-svg {
  color: var(--cl-sky) !important;
}

#auction-ui[data-classiclooks-env="dev"] .info-line-location i,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .info-line-location i {
  color: var(--cl-orange) !important;
}

#auction-ui[data-classiclooks-env="dev"] .load-full-gallery-btn,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .load-full-gallery-btn {
  border-radius: 0 !important;
  border-color: var(--cl-orange) !important;
  color: var(--cl-orange) !important;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-family: Montserrat, sans-serif;
}

#auction-ui[data-classiclooks-env="dev"] .load-full-gallery-btn:hover:not(:disabled),
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .load-full-gallery-btn:hover:not(:disabled) {
  background: var(--cl-orange);
  color: #fff;
}

#auction-ui[data-classiclooks-env="dev"] .car-card.skeleton,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .car-card.skeleton {
  border-radius: 0;
  width: auto;
  margin: 0;
  background: #1a1a1a !important;
}

#auction-ui[data-classiclooks-env="dev"] .load-more-btn,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .load-more-btn {
  background: var(--cl-blue) !important;
}

#auction-ui[data-classiclooks-env="dev"] .load-more-btn:hover,
:is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .load-more-btn:hover {
  background: var(--cl-blue-deep) !important;
}

@media (max-width: 780px) {
  #auction-ui[data-classiclooks-env="dev"] .cl-search-title-row,
  :is(#auction-ui.cl-theme-motors, body.cl-theme-motors #auction-ui) .cl-search-title-row {
    flex-direction: column;
    align-items: flex-start;
  }
}