/* تحسين مظهر شريط التمرير */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 100%;
  height: 6px; /* زيادة سمك الشريط */
}

.slider.slider-horizontal .slider-track {
  height: 6px;
  left: 0;
  margin-top: -8px;
  top: 50%;
  width: 100%;
  background: #e0e0e0; /* خلفية الشريط */
  border-radius: 3px; /* زوايا مدورة */
}

.slider.slider-horizontal .slider-selection {
  height: 6px;
  top: 0;
  bottom: 0;
  background: #007bff; /* لون التحديد */
  border-radius: 3px; /* زوايا مدورة */
}

.slider.slider-horizontal .slider-handle {
  width: 24px;
  height: 24px;
  margin-top: -10px;
  background: #007bff; /* لون المقبض */
  border-radius: 50%; /* شكل دائري للمقبض */
  border: 3px solid #fff; /* حدود بيضاء حول المقبض */
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); /* ظل خفيف للمقبض */
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease; /* تأثير انتقال سلس */
}

.slider.slider-horizontal .slider-handle:hover {
  background: #0056b3; /* لون أغمق عند التمرير */
  transform: scale(1.1); /* تكبير المقبض عند التمرير */
}

.slider.slider-vertical {
  height: 250px; /* زيادة الارتفاع */
  width: 12px;
}

.slider.slider-vertical .slider-track {
  width: 12px;
  height: 100%;
  margin-left: -6px;
  left: 50%;
  top: 0;
  background: #e0e0e0; /* خلفية الشريط */
  border-radius: 3px; /* زوايا مدورة */
}

.slider.slider-vertical .slider-selection {
  width: 12px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #007bff; /* لون التحديد */
  border-radius: 3px; /* زوايا مدورة */
}

.slider.slider-vertical .slider-handle {
  width: 24px;
  height: 24px;
  margin-left: -12px;
  background: #007bff; /* لون المقبض */
  border-radius: 50%; /* شكل دائري للمقبض */
  border: 3px solid #fff; /* حدود بيضاء حول المقبض */
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); /* ظل خفيف للمقبض */
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease; /* تأثير انتقال سلس */
}

.slider.slider-vertical .slider-handle:hover {
  background: #0056b3; /* لون أغمق عند التمرير */
  transform: scale(1.1); /* تكبير المقبض عند التمرير */
}

.slider input {
  display: none;
}

.price-range .slider {
  background-color: #fff;
  display: inline-block;
  padding: 0;
  margin: 30px 0 0;
}

.price-range .tooltip.top {
  margin-top: -50px; /* ضبط المسافة العلوية */
}

.price b {
  font-size: 20px; /* زيادة حجم النص */
}

.Category-page .slider .tooltip-inner {
  white-space: nowrap;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #f0f0f0; /* لون خلفية الشريط */
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  border-radius: 4px; /* زوايا مدورة */
}

.slider-selection {
  box-sizing: border-box;
  background: #007bff; /* لون التحديد */
  border-radius: 4px; /* زوايا مدورة */
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  position: absolute;
}

.slider-handle {
  background: #007bff; /* لون المقبض */
  box-shadow: none;
  height: 20px; /* زيادة حجم المقبض */
  width: 20px;
  border-radius: 50%; /* شكل دائري للمقبض */
}

.slider-handle.round {
  border-radius: 50%;
}

.slider-handle.triangle {
  background: transparent;
}
