/* 1) Используем переменные вашей темы (если есть) */
:root {
	--slider-bg:    #eaeaea;    /* фон трека */
	--slider-fill:  #b0b7c0;    /* активная заливка */
	--slider-handle:#6c757d;    /* цвет ручки */
	--slider-shadow:rgba(0,0,0,0.15);
	--tooltip-bg:   #333333;
	--tooltip-fg:   #f5f5f5;
  }
  
  /* 2) Сбросим ненужные дефолтные стили */
  .slider-custom.slider-primary,
  .slider-custom.slider-success,
  .slider-custom.slider-info,
  .slider-custom.slider-warning,
  .slider-custom.slider-danger {
	/* чтобы не цеплялись старые темы */
	background-color: transparent !important;
  }
  
  /* 3) Трек (серый фон + высота) */
  .slider-custom .slider-track {
	background-color: var(--slider-bg) !important;
	/* height: 8px !important; */
	border-radius: 4px !important;
  }
  
  /* 4) Заливка (ваш основной цвет сайта) */
  .slider-custom .slider-selection {
	background-color: var(--slider-fill) !important;
	border-radius: 4px !important;
  }
  
  /* 5) Полоски-штрихи – опционально, можно убрать */
  .slider-custom.slider-strips .slider-selection {
	/* background-image: repeating-linear-gradient(
	  -45deg,
	  transparent,
	  transparent 5px,
	  rgba(255,255,255,0.1) 5px,
	  rgba(255,255,255,0.1) 10px
	) !important; */
	background-image: none !important;
  }
  
  /* 6) Ручка */
  .slider-custom .slider-handle {
	/* width: 16px !important; */
	/* height: 16px !important; */
	/*margin-top: -4px !important;     /* чтобы центр ручки совпал с треком */
	background-color: var(--slider-handle) !important;  /* ваш цвет */
	background-image: none !important;                /* убираем стандартный градиент */
	/* border: 2px solid var(--slider-fill) !important;  если нужен контур */
	box-shadow: 0 2px 6px var(--slider-shadow) !important;
  }
  
  /* 7) Tooltip */
  .slider-custom .tooltip-inner {
	background-color: var(--tooltip-bg) !important;
	color: var(--tooltip-fg) !important;
	font-size: 0.8em;
	padding: 4px 6px;
	border-radius: 4px;
	/* max-width: none; */
  }
  .slider-custom .tooltip.top .tooltip-arrow {
	border-top-color: var(--tooltip-bg) !important;
  }
  
  /* 8) Контейнер: можно задать минимальную ширину и выравнивание */
  /* #year-slider { */
	/* width: 100% !important; */
	/* max-width: 400px; */
	/* margin: 0 auto; */
  /* } */