/* Scrollbars for Cars on Site — same look as the chatbot page
   (static/css/tsb-custom.css: 3px, dark track, gold gradient thumb).
   Applies to the page and every scrolling box (dropdowns, job card, Manage lists, pop-ups). */
:root {
  --sb-track: #111111;
  --sb-thumb: linear-gradient(135deg, rgba(255,215,0,0.5), rgba(184,134,11,0.5));
  --sb-thumb-hover: linear-gradient(135deg, rgba(255,215,0,0.7), rgba(184,134,11,0.7));
  --sb-ff-thumb: rgba(212,175,55,0.6);  /* Firefox can't do gradients: solid gold */
  --sb-ff-track: #111111;
}
html.theme-light {
  --sb-track: #eef0f3;
  --sb-thumb: linear-gradient(135deg, rgba(212,160,0,0.55), rgba(167,123,0,0.55));
  --sb-thumb-hover: linear-gradient(135deg, rgba(212,160,0,0.8), rgba(167,123,0,0.8));
  --sb-ff-thumb: rgba(190,140,0,0.6);
  --sb-ff-track: #eef0f3;
}
html.theme-pink {
  --sb-track: #fde4ef;
  --sb-thumb: linear-gradient(135deg, rgba(255,111,181,0.6), rgba(214,31,122,0.6));
  --sb-thumb-hover: linear-gradient(135deg, rgba(255,111,181,0.85), rgba(214,31,122,0.85));
  --sb-ff-thumb: rgba(236,72,153,0.6);
  --sb-ff-track: #fde4ef;
}

/* Firefox only (newer Chrome would ignore the ::-webkit rules below if these were set) */
@supports (-moz-appearance: none) {
  html, html * { scrollbar-width: thin; scrollbar-color: var(--sb-ff-thumb) var(--sb-ff-track); }
}

/* Chrome / Edge / Safari */
html ::-webkit-scrollbar, html::-webkit-scrollbar { width: 6px; height: 6px; }
html ::-webkit-scrollbar-track, html::-webkit-scrollbar-track { background: var(--sb-track); border-radius: 8px; }
html ::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb { background: var(--sb-thumb); border-radius: 8px; }
html ::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover { background: var(--sb-thumb-hover); }
html ::-webkit-scrollbar-corner { background: transparent; }

/* Phone quick-views row keeps its hidden scrollbar */
@media (max-width: 639.98px) { #view-bar { scrollbar-width: none; } #view-bar::-webkit-scrollbar { display: none; } }