/* ===== Inner scroll (widgets, горизонтальные ленты, overflow-блоки) ===== */
:root{
  --sb-track: #ffffff;
  --sb-thumb: #5100d4;
  --sb-thumb-hover: #010057;
}

/* Для любых элементов со скроллом (горизонт/вертикаль) */
*[style*="overflow"],
*[class*="scroll"],
.t396__carrier, /* иногда у тильды внутренний скролл тут всплывает */
.t-rec{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}

/* Chromium/Safari: общий стиль скролла внутри блоков */
*[style*="overflow"]::-webkit-scrollbar,
*[class*="scroll"]::-webkit-scrollbar,
.t-rec::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

*[style*="overflow"]::-webkit-scrollbar-track,
*[class*="scroll"]::-webkit-scrollbar-track,
.t-rec::-webkit-scrollbar-track{
  background: rgba(0,32,76,.75); /* #00204C с прозрачностью */
  border-radius: 999px;
}

*[style*="overflow"]::-webkit-scrollbar-thumb,
*[class*="scroll"]::-webkit-scrollbar-thumb,
.t-rec::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 2px solid rgba(0,32,76,.85);
}

*[style*="overflow"]::-webkit-scrollbar-thumb:hover,
*[class*="scroll"]::-webkit-scrollbar-thumb:hover,
.t-rec::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}

/* ===== УБИРАЕМ “серый фон” у горизонтальных лент: делаем тонкую аккуратную полосу ===== */
#mchsDarkWidget .dw-forecast,
#mchsDarkWidget .dw-hourly{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) rgba(0,32,76,.55);
}

/* только для лент виджета (самое заметное место) */
#mchsDarkWidget .dw-forecast::-webkit-scrollbar,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar{
  height: 8px;   /* тоньше */
}

#mchsDarkWidget .dw-forecast::-webkit-scrollbar-track,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar-track{
  background: rgba(0,32,76,.55);
  border-radius: 999px;
}

#mchsDarkWidget .dw-forecast::-webkit-scrollbar-thumb,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 2px solid rgba(0,32,76,.75);
}

#mchsDarkWidget .dw-forecast::-webkit-scrollbar-thumb:hover,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}


/* ===== Custom Scrollbar (site-wide) ===== */
:root{
  --sb-track: #ffffff;
  --sb-thumb: #5100d4;
  --sb-thumb-hover: #010057; /* чуть ярче при наведении */
}

/* Firefox */
html{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}

/* Chromium / Safari / Edge */
*::-webkit-scrollbar{
  width: 12px;     /* вертикальный */
  height: 12px;    /* горизонтальный */
}

*::-webkit-scrollbar-track{
  background: var(--sb-track);
}

*::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 3px solid var(--sb-track); /* делает “капсулу” аккуратной */
}

*::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}

*::-webkit-scrollbar-corner{
  background: var(--sb-track);
}